使用Webpack合并和压缩CSS文件，无需使用require函数。

Question

我有一个旧应用程序中的一部分代码，其中包含一些 CSS 文件，这些文件使用 gulp 脚本进行合并和压缩。

我有一个新的应用程序，它与 Webpack 打包在一起。

是否可能在不进行任何其他 require 调用的情况下，使用 Webpack 组装旧的 CSS？只需从 old_css/**/*.css 中获取所有 CSS，进行合并、压缩并写入 assets/old.css 即可吗？

- konclave

Answer 1

你可以通过单独的entry引入CSS文件来实现此目的。最终得到的结果类似于这样：

{
    entry: {
        styles: glob('old_css/**/*.css'), // array of css files
        ...
    },
    output: {
        filename: '[name].[chunkhash].js',
        ...
    },
    module: {
        loaders: [
            {
                test: /\.css$/,
                loader: ExtractTextPlugin.extract("style-loader", "css-loader")
            },
            ...
        ]
    },
    plugins: [
        new ExtractTextPlugin('[name].[chunkhash].css'),
        ...
    ],
    ...
}

你最终会得到一个以你的样式条目命名的JavaScript文件，除了CSS文件外。不过你可以忽略它。

- Juho Vepsäläinen