1.extract-text-webpack-plugin
該插件的主要是為了抽離css樣式,防止將樣式打包在js中引起頁(yè)面樣式加載錯(cuò)亂的現(xiàn)象摊崭。
合并js中引入的css。
2.使用CSS為例
varExtractTextPlugin =require("extract-text-webpack-plugin");
module.exports = {
? ? module: {
? ? ? ? loaders: [
? ? ? ? ? ? {
? ? ? ? ? ? ? ? test:/\.css$/, loader: ExtractTextPlugin.extract("style-loader","css-loader") }
? ? ]},
? ? plugins: [newExtractTextPlugin("styles.css")]
}
它將從每一個(gè)用到了require("style.css")的entry chunks文件中抽離出css到單獨(dú)的output文件
