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： 删除警告，压缩代码等。

 

 

 

 

转载于:https://www.cnblogs.com/gsgs/p/8582113.html