Javascript 使用Webpack压缩和缩小CSS文件，而无需JS

我想实现的是用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中写一些类似于“我想压缩并缩小/assets/CSS/folder中包含的所有CSS文件”

---

谢谢你

你必须把它们放在某个地方，这样网页才能知道如何处理它们。看一看可能的解决方案，包括每个文件。我不明白。捕获所有子目录后。。。我该怎么处理这些文件？我应该使用哪个插件或其他插件来压缩和缩小？谢谢，您不需要添加任何内容，您已经配置了必要的规则/插件来提取CSS。将文件指定为条目是为了告诉webpack从何处开始，如果您愿意，这是一个初始的

require

，因此相同的规则/加载程序将应用于它们，就像您手动使用

require

d一样。

require.context

类似，但您会收到一个修改后的

require

，您将使用它，但仍将应用相同的规则。这是否解决了您的问题？我仍在寻找答案，但无法让它工作。不，我学到的是，如果一切都是由自己管理和处理的话，这个网页工作得很好。我在图像、字体和其他方面也有同样的问题。我从webpack转到了gulp，这更简单。