webpack插件去除沒用到的css

去除沒用到的css需要用到purifycss-webpack插件，而這個插件又依賴於purify-css

1.安裝

npm i purifycss-webpack purify-css -D

2.加入插件

//...
plugins:[
    new extractPlugin('css/index.css'),
    new purifycss({
      paths: glob.sync(path.resolve(__dirname,'./src/**/*.html'))
    })
]

一定要跟extractPlugin一起用才行，如果是內置在bundle.js里面就不能過濾掉沒用的css,這里還采用了glob.sync來進行同步讀取html