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

webpack深入与实战

难度中级
时长 3小时21分
学习人数
综合评分9.60
259人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰
我的a.html是正常的,b和c页面一直提示 TypeError: Cannot read property 'entry' of undefined”,这是什么原因,求解答,找半天没找到问题所在。
是不是关掉命令行工具webpack就不会自动共作了?前面写的那些设置项都没用了?
const path=require('path')
module.exports={
entry:'./src/script/main.js',
output:{
path:path.resolve(__dirname,'dist/js'),
filename:'bundle.js'
}
}
G:\study\myexample\webpack-test>node_modules\.bin\webpack hello.js hello.bundle.js --module-bind "css=style-loader!css-loader" --progress --display-modules --display-reasons
只想提醒一句,ms是IE的前缀,不是mozilla。。。
不懂npm的同学不要看了。先学学npm怎么用好吧。。。-g,--save,--save-dev的意义还是需要知道的。
这个教程很棒啊 , 之前试了一下, 一被卡住就想扔掉webpack了
新的webpack要用
{
publicPath:"./dist",
filename:""
}
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("autoprefixer");然后在rules里写成{ loader: "postcss-loader", opstions: { plugins:[autoprefixer] } },亲测有效,而且简短,如果有问题,欢迎一起探讨
EWL
exclude在过滤单个文件夹的时候可以直接写字符串,如果是多个的话,可以写成exclude: [
/(node_modules|bower_components|unitTest)/,
path.resolve(__dirname, 'models/myTestModel.js'),
]这样的
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,最后结果反正是一样的,而且还挺好用的
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消