webpack常用的插件

1，CSS文件打包

pm install style-loader --save-dev    来处理css文件中的url()等

npm install --save-dev css-loader    将css插入到页面的style标签

2，配置JS压缩

const uglify = require('uglifyjs-webpack-plugin');

3，HTML文件的发布

const htmlPlugin= require('html-webpack-plugin');

npm install --save-dev html-webpack-plugin

4,CSS中的图片处理

安装file-loader和url-loader

npm install --save-dev file-loader url-loader

5,CSS分离与图片路径处理

extract-text-webpack-plugin

const extractTextPlugin = require("extract-text-webpack-plugin")

npm install --save-dev extract-text-webpack-plugin

设置Plugins：引入成功后需要在plugins属性中进行配置。这里只要new一下这个对象就可以了   new extractTextPlugin("/css/index.css")