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

webpack深入与实战

难度中级
时长 3小时21分
学习人数
综合评分9.60
259人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰
非全局安装执行node_module/.bin/webpack hello.js hello.bundle.js.
http://www.jianshu.com/p/42e11515c10f
感谢老师的教学,课程很实用,从最简单的配置开始,一步一步加深,理解起来特别容易!!!最近公司有需求要用到webpack,正好看到有这个课程,哈哈哈,赞!
O(∩_∩)O谢谢老师
webpack: command not fuond
config文件 chunks 不能用排除法 才行
找到原因了,--module-bind 后面的字符串如果是单引号会出错,但是换成双引号就可以了。
运行:webpack hello.js hello.bundle.js --module-bind "css=style-loader!css-loader"
显示ok的。
<% for(var key in htmlWebpackPlugin.files.chunks){ %>
<% if(key !== 'main'){ %>
<script type="text/javascript" src="<%= htmlWebpackPlugin.files.chunks[key].entry %>"></script>
<% } %>
<% } %>
<script type="text/javascript">
<%= compilation.assets[htmlWebpackPlugin.files.chunks.main.entry.substr(htmlWebpackPlugin.files.publicPath.length)].source() %>
</script>
ERROR in ./style.css
Module parse failed: F:\webpack\style.css Unexpected token (1:9)
You may need an appropriate loader to handle this file type.

运行webpack hello.js hello.bundle.js --module-bind 'css=style-loader!css-loader' 报的错
<%= htmlWebpackPlugin.files.chunks.main.entry.substr([htmlWebpackPlugin.files.publicPath.length]) %>
视频中的webpack版本是1.xx了, 现在通过npm下载的webpack已经是2.xx,所以咯,大家看视频教程练习的时候一定要认清版本。
"webpack": "webpack --config webpack.config.js --progress --display-modules --colors --display-reasons"
npm run webpack 即可
讲的很好,通俗易懂,谢谢老师!
多entry 不能用同一个输出文件名,但是可以用动态的,这个课程中有说道~~
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消