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

webpack深入与实战

难度中级
时长 3小时21分
学习人数
综合评分9.60
259人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰
webpack 4.1.1版本 运行命令提示需要安装webpack-cli 解决方法(任选其一):
1. npm install webpack-cli -D
2.在config配置文件中加入配置:mode: 'development'或者 mode: 'production'
module.exports={
mode: 'development',
......
}
版本不一样 处理方式不一样
webpack新官网: https://webpack.js.org/

最新回答 / Deng冬
原理我还没弄懂,但是当时报错的时候,提示loader要用“babel-loader”而不是"babel",所以我按照提示改了
参考网址 http://blog.csdn.net/u013446264/article/details/51114276
解决webpack不是内部命令:需要设置环境变量时也将NODE_PATH添加到path中

最新回答 / 慕用5230971
-- config 改为 --config
https://github.com/weiyastory/HowUseWebpack.git 笔记总结
https://github.com/weiyastory/HowUseWebpack.git
同学们注意了,必考点:webpack新版不能直接使用webpack这个命令,已经分离到了webpack-cli之中。但四使用webpack-cli还是不能使用,有很多坑。采用降级,使用3.11.0这个版本是好的,亲测有效哦。可以在package。json之中来指定版本,再使用npm i来安装
楼上说【使用chunks的时候可以有script标签,但不能注释,注释了就会报错OTL】
我这边运行情况是:存在注释的前提下,script标签直接引用的js资源(<script type="text/javascript" src="./src/script/a.js"></script>)可以任意,如果通过模板语法引用js资源(<script type="text/javascript" src="<%= htmlWebpackPlugin.files.chunks.c.entry %>"></script>),则必须跟chunks里的逻辑保持一致(生成的页面会重复引用js资源)。
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消