要使用webpack打包CSS，像其他任一模塊一樣將CSS代碼導(dǎo)入到你的JS代碼中，然后使用css-loader（將CSS輸出為JS模塊），再選擇性地使用ExtrackTextWebpackPlugin（提取打包的CSS并輸出CSS文件）。
就像導(dǎo)入JS模塊一樣導(dǎo)入CSS文件，例如vendor.js所示：
使用css-loader
在webpack.config.js中如下圖所示配置css-loader:
結(jié)果是，CSS和JS打包在一起。
這種方式有一個缺點(diǎn)，就是你無法利用瀏覽器異步并行加載CSS的能力。取而代之的是，頁面需要等待整個JS包加載完畢來加載樣式。
webpack可以通過使用ExtrackTextWebpackPlugin分別地打包CSS來解決這個問題。
使用ExtrackTextWebpackPlugin
安裝ExtrackTextWebpackPlugin
npm i --save-dev extract-text-webpack-plugin
使用這個插件需要在webpack.config.js中進(jìn)行兩步操作：
完成后，你就可以為所有CSS模塊生成新的包并在index.html中用不同的tag引入他們。
。
