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

webpack深入与实战

难度中级
时长 3小时21分
学习人数
综合评分9.60
259人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰

最赞回答 / 雨果丶青春人
你用双引号把css=style-loader!css-loader包起来就行了 即:“css=style-loader!css-loader”

最赞回答 / 不浪漫
我也跟你一样配置的,也是错误。别的都成了,不知道为什么。很郁闷。最后弄了个postcss.config.js里面配置:<...code...>才行了。不知道你现在搞定了没?怎么配置的?
最好安装老师的版本吧,现在很多东西都变了 webpack@1.13.2
指定插入的files.chunks.main.entry和 chunks:[&quot;a&quot;,&quot;main&quot;], })是一一对应的
如果生成的页面中 插入chunks:[&quot;a&quot;] 也就是插入了a 才能使用这个files.chunks.main.entry
视频的例子是生成的a,b,c.html都插入了main和相对应的js 所以可以直接插入main
因为他们体内都有用main。js 这个chunk
如果说插入的是files.chunks.a.entry 那么只有a。html会正常生成 因为只有他体内有a。js这个chunk
所以相同应的abc三个js需要做判断 才能插入相对应的js
chunks不用指定main也可以操作
要把最外层的index。html里面的指定的script文件删掉
最大的问题就是格式 需要细心些 少一个逗号 或者少一个等号 引号 都会造成打包的失败

最新回答 / 不浪漫
根据提示将 错误锁定在了layer.js里 就去layer.js里去查找,在layer.js里找到了两处错误。修改后,成功了。
latest (deprecated in favor of env) latest已经被env替代 。安装env 命令行输入:npm install babel-preset-env --save-dev。配置起来大概是这个样子:{
&quot;presets&quot;: [
[&quot;env&quot;, {
&quot;targets&quot;: {
&quot;browsers&quot;: [&quot;last 2 versions&quot;, &quot;safari &gt;= 7&quot;]
}
}]
]
}
babel-loader 很慢!
确保转译尽可能少的文件。你可能在使用 /\.js$/ 来匹配,这样也许会去转译 node_modules 目录或者其他不需要的源代码。

要排除 node_modules,参考文档中的 loaders 配置的 exclude 选项。

你也可以通过使用 cacheDirectory 选项将 babel-loader 提速至少两倍。这将缓存转译的结果到文件系统中
filename区别
1.【name】。js
生成的是源文件名称的两个文件夹
【name】-【hash】。js
打包后的文件名就是源文件名加上hash值
源Hash: 6ed8fcb869f32b6d0cf6
生成的是main-6ed8fcb869f32b6d0cf6.js
注意的是 这个hash值和文件名hash值相对
【name】-【chunkhash】。js
和上面一样 生成的文件名就是源文件名加上hash值
唯一不同的是 文件名的hash值和生成的hash值不一样
源Hash: 18a8a031019648cb4892
生成的是main-739dc04ca19361abc6a7.js

最新回答 / MK_Master
该课程很不错呢,希望听到老师的更多课程!
啊啊啊 好期待webpack下
yam
根目录要新建配置文件 postcss.config.js

内容是:module.exports = {
plugins: [
require(&#039;autoprefixer&#039;)
]
}

2,webpack.config.js里顶部引入webpack模块

plugins里新建webpack.LoaderOptionsPlugin实例具体怎么写参考 慕粉2037223669


3,module属性里的语法参考webpack官网吧https://doc.webpack-china.org/loaders/css-loader/ 视频教程是webpack1的
讲的很好,一直都是往贴合实际的方向去讲。至于讲的是webpack1而不是2的问题,我相信真正想学,认真学的人自然会看相应文档自己补上。在此谢谢老师了

已采纳回答 / 慕粉3694466
老师讲的的版本webpack 版本是1.10的,其中的有些内容和webpack2.0的用法 不一样的。建议配置webpack.config.js 运行,然后就ok了
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消