1，CSS文件打包

pm install style-loader --save-dev? ??來(lái)處理css文件中的url()等

npm install --save-dev css-loader? ??將css插入到頁(yè)面的style標(biāo)簽

2，配置JS壓縮

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

3，HTML文件的發(fā)布

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

設(shè)置Plugins：引入成功后需要在plugins屬性中進(jìn)行配置。這里只要new一下這個(gè)對(duì)象就可以了?? new extractTextPlugin("/css/index.css")