Question

如何将css文件作为file.css输出而不是在javascript中内联。我的配置如下所示。

 {
                test: /\.less$/,
                loader: "style-loader!css-loader!less-loader" 
 }

我测试过＆＃34;！文件加载CSS-装载机不太装载机＆＃34！; //但文件的内容不是css

Answer 1

您必须使用extract-text-plugin。您可以为整个捆绑创建一个css文件，也可以为每个块创建一个css文件。例如，如果您希望将捆绑包中的所有CSS移动到单独的文件中，则可以将其添加到您的配置文件

module.exports = {
    loaders: [
            // Extract css files
            {
                test: /\.css$/,
                loader: ExtractTextPlugin.extract("style-loader", "css-loader")
            },
            // Optionally extract less files
            // or any other compile-to-css language
            {
                test: /\.less$/,
                loader: ExtractTextPlugin.extract("style-loader", "css-loader!less-loader")
            }
        ],
    plugins: [
        new ExtractTextPlugin("[name].css", {
            allChunks: true
        })
    ]
}

有关详情，请参阅stylesheets webpack configuration

输出css文件而不是内联

1 个答案: