webpack插件篇：extract-text-webpack-plugin详解

用途说明

extract-text-webpack-plugin (提取样式插件)

把额外的数据（CSS代码）加到编译好的文件中

webpack.config.js配置

new ExtractTextPlugin("[name].[hash].css")

案例

var ExtractTextPlugin = require("extract-text-webpack-plugin");
module.exports = {
    module: {
        loaders: [
            { test: /\.css$/, loader: ExtractTextPlugin.extract("style-loader", "css-loader") }
        ]
    },
    plugins: [
        new HtmlWebpackPlugin({
                template: './src/public/index.html',
                inject: 'body'
            }),
        new ExtractTextPlugin("[name].[hash].css")
    ]
}