Webpack sass加载程序没有配置任何加载程序来处理此文件

Question

对不起，我知道还有无数其他线程也有同样的问题，但我已经尝试了所有的解决方案，但都无济于事。我只是想用webpack编译scs文件，但当我这样做时，我会得到错误：

中的错误/css/source/main.css 3:0模块分析失败：意外字符"@"(3:0(您可能需要一个适当的加载器来处理此文件类型，目前没有配置任何加载器来处理该文件。

const path = require('path');
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
module.exports = {
output: {
path: path.resolve(__dirname, '../dist')
},
module: {
rules: [
{
loader: 'babel-loader',
test: /.js$/,
exclude: /node_modules/
},
{
test: /.scss$/,
use: [
"style-loader",
MiniCssExtractPlugin.loader,
"css-loader",
"sass-loader"
]
}
]
}
};

Answer 1

请尝试以下格式的

{
test: [/.css$|.scss$/],
use: [
MiniCssExtractPlugin.loader,
"css-loader",
"postcss-loader",
"sass-loader"
]
}