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

webpack深入与实战

难度中级
时长 3小时21分
学习人数
综合评分9.60
259人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰
这个教程很棒啊 , 之前试了一下, 一被卡住就想扔掉webpack了

最新回答 / 猪小小屁
<% for( var key in htmlWebpackPlugin){%><%= key%><%= }%>中最后的<%= }%>等号不要
新的webpack要用
{
publicPath:&quot;./dist&quot;,
filename:&quot;&quot;
}

最新回答 / kolos
这个需要反馈到慕课~ 不过讲师说的挺清楚的 , 感觉没必要

最赞回答 / 冬之诗
只是没自动退回而已,在输入yes按回车之后,再按ctrl+c就可以正常退回了
EWL
https://github.com/webpack/webpack/releases,这个是github上发行的各个版本的webpack
EWL
因为使用的是v3.6.0,而且我AV官网上看了一下,说webpack1已经弃用了,建议还是去webpack2的文档看看用法比较好,放个链接https://webpack.js.org/concepts/
EWL
恩,除了官方的直接在根目录创建一个postcss.config.js之外,也可以直接在webpack.config.js的开头声明一个变量autoprefixer = require(&quot;autoprefixer&quot;);然后在rules里写成{ loader: &quot;postcss-loader&quot;, opstions: { plugins:[autoprefixer] } },亲测有效,而且简短,如果有问题,欢迎一起探讨
EWL
exclude在过滤单个文件夹的时候可以直接写字符串,如果是多个的话,可以写成exclude: [
/(node_modules|bower_components|unitTest)/,
path.resolve(__dirname, &#039;models/myTestModel.js&#039;),
]这样的
EWL
还有2017年的官网上写的是Each yearly preset only compiles what was ratified in that year. babel-preset-env replaces es2015, es2016, es2017, latest。然后就用了babel-preset-env,没用latest,最后结果反正是一样的,而且还挺好用的
EWL
大概看了一下官方文档,使用babel的话有三种方法,首先就是直接在config文件里面设置module: {
rules: [{test: /\.js$/, exclude: /node_modules/, loader: &quot;babel-loader&quot;}]}第二种就是要require哪个文件就在require括号里加上loader跟之前的CSS一样,一开始写的是babel!./Person.js,结果报错了给babel加上-loader之后就好了所以一般来说还是加上比较稳妥,第三种就是直接进package.json加上一句&quot;presets&quot;: [&quot;env&quot;]
EWL
声音好听,条理清楚,很棒
简直就像是在秀操作
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消