Question

我想要实现的是使用Webpack连接和缩小CSS的最简单方法。我（成功）尝试了ExtractTextPlugin和OptimizeCssAssetsPlugin，如下所示

var ExtractTextPlugin = require("extract-text-webpack-plugin");
var OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');

module.exports = {
    entry: {
        app:   "./assets/js/main.js"
    },
    output: {
        path: 'dist',
        filename: "main.bundle.js"
    },
    module: {
        rules: [
            {
                test: /\.css$/,
                use: ExtractTextPlugin.extract({
                    fallback: "style-loader",
                    use: "css-loader"
                })
            }
        ]
    },
    plugins: [

        new ExtractTextPlugin({
            filename: "style.min.css",
            allChunks: true
        }),

        new OptimizeCssAssetsPlugin()
    ]
}

但这只需要JS文件中的CSS文件，比如

require("../../css/normalize.css");
require("../../css/modal.css");

我想JS文件与CSS文件无关。我的问题是：如何避免从JS入口点要求CSS文件，因此如何在webpack.config.js中指定要连接和缩小的CSS文件？所以我想在webpack.config.js中编写类似＆＃34;我想连接并缩小/ assets / css /文件夹中包含的所有CSS文件＆＃34;。

谢谢

Concat并使用Webpack缩小CSS文件，而不需要JS

0 个答案: