webpack的各个扩展
务必先看的内容
以下的博客内容真不是直接就能看懂的,因为基本只有代码和用处,更详细的描述我主推看building-with-webpack这个网站,下面的内容只是我看前半部分做的笔记,后面的就没有做了,看完后对于webpack的理解会加深很多,特别是基于webpack做的chunk处理,css分离处理,依赖模块与主体js代码的分离处理,一步步教你如何使得打包代码的文件结构分得最细致且有助于浏览器的缓存处理,不过这个有所欠缺的是对于webpack搭配react的使用,webpack-dev-server的部分坑爹的地方也没详述,不过个人认为写react时需要用到webpack还是使用yeoman等自动话构建开发环境的方法会比较方便,webpack的其余内容只需要能看懂,并知道这些代码在起那些作用就好。
ps:(这个网站是全英的哦,也许需要科学上网,建议分2天左右看完吧,一直看也吃不消)
plugin:
html-webpack-plugin :建立一个html模板,自动插入打包的js
//...
const HtmlWebpackPlugin = require('html-webpack-plugin');
//...
plugins:[
new HtmlWebpackPlugin({ title: 'Webpack demo' })
]
favicons-webpack-plugin: 处理favicons
SourceMapDevToolPlugin:
plugins: [
new webpack.SourceMapDevToolPlugin({
// Match assets just like for loaders.
test: string | RegExp