为了账号安全,请及时绑定邮箱和手机立即绑定

最新回答 / BGround
我这个提示是因为devtool报错,在webpack5+版本下,config.devtool = isDev ? false : '#cheap-module-eval-source-map'需要这样设置
学完的整体代码,版本比老师高,部分配置进行修改,满足配置/运行
地址: https://github.com/wanlin77/vue-todo-app.git
完整代码:

github: https://github.com/103style/vue_webpack

码云: https://gitee.com/lxk_1993/vue_webpack
完整代码

github: https://github.com/103style/vue_webpack

码云: https://gitee.com/lxk_1993/vue_webpack

最新回答 / 宝慕林3391655
webpack-cli版本兼容问题吧,先卸载webpack-cli,换其他版本的webpack-cli试试

最新回答 / 宝慕林3391655
class名是todo-item, todo.completed ? 'completed':''是三目运算符

最新回答 / A空城
webpack-cli版本太高,降到3.几的版本就可以了
做了一些小改进
预览:http://beltxman.com/todolist
代码:https://github.com/hsu1943/justTodo
webpack5.9 里面 script 里面调用 webpack-dev-server 的方法 webpack serve

webpack。optimize 里面没有 common这样的属性了,还有抽取 css 代码的那个插件也遇到了坑

最新回答 / YourOrange
经过一下午的瞎折腾,解决了。先是把webpack-cli降级到3了,之前是4,有版本不兼容的问题。然后一些npm的依赖包也老了,手动升级了一些(npm audit列表里会提供升级命令,照着输入)最后是webpack.config.js里的module写错了,plugin写在了module里面...等等书写问题,都修改了以后就好了所以有相同问题的同学记得多检查代码,注意webpack和webpack-cli的版本,仔细阅读npm报错信息,直接复制粘贴问百度

已采纳回答 / qq_梦想家_9
用 mini-css-extract-plugin,webpack4已经弃用了 extract-text-webpack-plugin
我自己简单实现了一下,想看源码的同学可以参考一下 https://github.com/Clloz/todo-demo。

如果你对新版本的 webpack 不太熟悉,我最近踩了很多坑进行了最新版本的配置,如果你是新手可以看一看我的这篇文章 https://www.clloz.com/programming/front-end/2020/11/15/webpack-multiple-env-config/
课程须知
1、对es6语法有基本了解 2、了解前端工程化 3、了解vuejs
老师告诉你能学到什么?
1、通过webpack搭建vue工程workflow 2、哪些是学习vue的重点 3、.vue文件开发模式 4、vue使用jsx进行开发的方式 5、vue组件间通信的基本方式 6、webpack打包优化的基本点

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消