鍍金池/ 問(wèn)答/HTML/ 在webpack配置中,用ExtractTextPlugin分離less,打包成

在webpack配置中,用ExtractTextPlugin分離less,打包成css文件,然后css文件怎么進(jìn)行壓縮呢?

const webpack = require('webpack');
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
//const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin'); 

module.exports = {
    entry : {
        resetentry: __dirname + '/src/js/reset_entry.js',
    }, 
    output : {
        path: __dirname + '/out',
        filename: '[name].js',
    }, 
    module: {
        rules:[
                {
                    test: /.less$/, 
                    use: ExtractTextPlugin.extract({
                        use:[
                            {loader:'css-loader'},
                            {loader:'less-loader'}
                        ],
                        fallback: 'style-loader',
                    })
                },
                {
                    test: /\.js$/,
                    loader: "babel-loader",
                    exclude:/node_modules/,
                    query:{
                        presets:[
                            require.resolve('babel-preset-es2015'),
                            require.resolve('babel-preset-stage-0'),
                        ]
                    }
                },
                {test: /.jpg|png|gif|svg$/, use: ['url-loader?limit=8192&name=./[name].[ext]']}, 
            ]         
    },
    plugins:[
        new UglifyJSPlugin(),
        new ExtractTextPlugin("[name].css"), 
        new webpack.ProvidePlugin({
            $: 'jquery', 
            jQuery: 'jquery', 
            'window.jQuery': 'jquery'
        }),
//      new OptimizeCssAssetsPlugin({
//        assetNameRegExp: /\.less$/g,
//        cssProcessor: require('cssnano'),
//        cssProcessorOptions: { discardComments: {removeAll: true}},
//        canPrint: true,
//      }),
    ]
}

我用optimize-css-assets-webpack-plugin這個(gè)插件,不知道哪里的原因。

回答
編輯回答
冷咖啡

執(zhí)行npm run build不就打包了嗎?

2018年8月25日 13:46