extract-text-webpack-plugin 的作用是分離項目中的css文件,常用配置代碼如下
{
test: /\.css$/,
use:extractTextPlugin.extract({
fallback:'style-loader',
use: 'css-loader'
})
{
plugins: {
new extractTextPlugin('css/[name].css')
}
解釋一下fallback 的意思: 一般對css文件打包用到loader如下:
use: ['style-loader','css-loader']
css-loader 的作用是處理css文件中 @import,url之類的語句,style-loader則是將css文件內(nèi)容放在style標(biāo)簽內(nèi)并插入head中,既然使用了extract-text-webpack-plugin,按理說就沒必要配置style-loader了,實際上你不配置也可以,可是如果你不想分離css文件,可設(shè)置disable:ture來關(guān)閉該插件,這時fallback:'style-loader'就派上用場了