webpack3 如何压缩css文件

Question

样式源文件用的less编写的，用webpack3如何把单独分离出来的css文件压缩呢?

Answer 1

需要用到这个插件extract-text-webpack-plugin

var ExtractTextPlugin = require('extract-text-webpack-plugin');

 {
                test: /.less$/,
                use: ExtractTextPlugin.extract({
                    fallback: "style-loader",
                    use:[
                        {
                            loader: "css-loader",
                            options: {
                                minimize: true
                            }
                        }, {
                            loader: "less-loader"
                        }]
                }),
            },

    plugins: [
        new ExtractTextPlugin("css/style_[hash].css")
        ]