webpack常用插件篇plugins

以下是常用插件列表

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。