Concat并使用Webpack缩小CSS文件而不需要它们

Question

我有一个应用程序的旧部分，其中包含一些CSS文件，这些文件通过gulp脚本连接和缩小。

我有一个与Webpack捆绑在一起的新应用程序。

是否可以在没有任何额外需求调用的情况下将旧CSS与Webpack组合在一起？只需从old_css / ** / *。css获取所有CSS，concat，minify并写入assets / old.css？

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'),
        ...
    ],
    ...
}

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