如何在 javascript 中将 css 文件输出为 file.css 而不是内联。我的配置如下所示。
{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader"
}
我用“file-loader!css-loader!less-loader”测试过 //但文件的内容不是 css
您必须使用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
})
]
}
有关更多参考,请参阅样式表 webpack 配置