以下是常用插件列表
1.happypack
2.dllplugin
3.commons-chunk-plugin
4.webpack-dev-server
5.webpack-dev-middleware
6.webpack-hot-middleware(HMR)
7.webpack-hot-server-middleware
8.http-proxy-middleware
9.html-webpack-plugin
10.extract-text-webpack-plugin
11.optimize-css-assets-webpack-plugin
12.uglifyjs-webpack-plugin
13.imagemin-webapack-plugin
14.copy-webpack-plugin
加快构建速度类
happyPack
happyPack能使得webpack进行node多线程构建项目,从而提高构建速度,以下是一个栗子:
const os = require('os')
const HappyPack = require('happypack')
const happThreadPool = HappyPack.ThreadPool({size: os.cpus().length}) // 采用多进程,进程数由CPU核数决定
plugins:[
new HappyPack({
id: 'js',
cache: true,
loaders: ['babel-loader?cacheDirectory=true'],
threadPool: happThreadPool
}),
]
DLLPlugin
DLL字面意思了解一下
DLL(Dynamic Link Library)文件为动态链接库文件,又称“应用程序拓展”,是软件文件类型。 在Windows中,许多应用程序并不是一个完整的可执行文件,它们被分割成一些相对独立的动态链接库,即DLL文件,放置于系统中。 当我们执行某一个程序时,相应的DLL文件就会被调用
我们在项目中一定会引入不少第三方的库,例如一些框架啊工具啊啥的,我们一般来说不会去改动这些文件,所以我们期盼的效果是在不改动这些库文件的情况下,打包一次就够了。这时有个牛逼的插件出现了——DLLPlugin。