webpack常用插件之extract-text-webpack-plugin

1.extract-text-webpack-plugin

该插件的主要是为了抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象。
合并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")]
}

它将从每一个用到了require("style.css")的entry chunks文件中抽离出css到单独的output文件

你可能感兴趣的:(webpack常用插件之extract-text-webpack-plugin)