webpack 常用插件及作用

copy-webpack-plugin :复制文件到目标文件夹。在开发时使用热模替换,(没有生成dist 文件夹,都在内存中),如果想引用某一个js文件,直接写script标签是找不到的,因为服务器内存中没有这个文件。所以复制这个文件,到dist中。

compression-webpack-plugin: 生产环境时可选择让代码压缩gzip.

html-webpack-plugin

: 生成index.html 并自动注入打包后的js css 等

webpack.DefinePlugin: 可以生成配置常量。编译时就有的常量。

extract-text-webpack-plugin: 提取使用文件的css 组成一个或多个css 文件。

webpack.optimize.CommonsChunkPlugin: 让多个出口文件组成一个文件

webpack-dev-server: 开发时使用,静态服务器,并且有热替换等功能。

uglifyjs-webpack-plugin: 删除警告,压缩代码等。