最赞回答 / 不浪漫
我也跟你一样配置的,也是错误。别的都成了,不知道为什么。很郁闷。最后弄了个postcss.config.js里面配置:<...code...>才行了。不知道你现在搞定了没?怎么配置的?
2017-05-10
指定插入的files.chunks.main.entry和 chunks:["a","main"], })是一一对应的
如果生成的页面中 插入chunks:["a"] 也就是插入了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:["a"] 也就是插入了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
2017-05-10
latest (deprecated in favor of env) latest已经被env替代 。安装env 命令行输入:npm install babel-preset-env --save-dev。配置起来大概是这个样子:{
"presets": [
["env", {
"targets": {
"browsers": ["last 2 versions", "safari >= 7"]
}
}]
]
}
"presets": [
["env", {
"targets": {
"browsers": ["last 2 versions", "safari >= 7"]
}
}]
]
}
2017-05-10
babel-loader 很慢!
确保转译尽可能少的文件。你可能在使用 /\.js$/ 来匹配,这样也许会去转译 node_modules 目录或者其他不需要的源代码。
要排除 node_modules,参考文档中的 loaders 配置的 exclude 选项。
你也可以通过使用 cacheDirectory 选项将 babel-loader 提速至少两倍。这将缓存转译的结果到文件系统中
确保转译尽可能少的文件。你可能在使用 /\.js$/ 来匹配,这样也许会去转译 node_modules 目录或者其他不需要的源代码。
要排除 node_modules,参考文档中的 loaders 配置的 exclude 选项。
你也可以通过使用 cacheDirectory 选项将 babel-loader 提速至少两倍。这将缓存转译的结果到文件系统中
2017-05-10
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
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
2017-05-10
根目录要新建配置文件 postcss.config.js
内容是:module.exports = {
plugins: [
require('autoprefixer')
]
}
2,webpack.config.js里顶部引入webpack模块
plugins里新建webpack.LoaderOptionsPlugin实例具体怎么写参考 慕粉2037223669
3,module属性里的语法参考webpack官网吧https://doc.webpack-china.org/loaders/css-loader/ 视频教程是webpack1的
内容是:module.exports = {
plugins: [
require('autoprefixer')
]
}
2,webpack.config.js里顶部引入webpack模块
plugins里新建webpack.LoaderOptionsPlugin实例具体怎么写参考 慕粉2037223669
3,module属性里的语法参考webpack官网吧https://doc.webpack-china.org/loaders/css-loader/ 视频教程是webpack1的
2017-05-09
讲的很好,一直都是往贴合实际的方向去讲。至于讲的是webpack1而不是2的问题,我相信真正想学,认真学的人自然会看相应文档自己补上。在此谢谢老师了
2017-05-09
已采纳回答 / 慕粉3694466
老师讲的的版本webpack 版本是1.10的,其中的有些内容和webpack2.0的用法 不一样的。建议配置webpack.config.js 运行,然后就ok了
2017-05-09