Webpack Web包sass加载程序未配置加载程序来处理此文件
抱歉,我知道还有无数其他线程存在相同的问题,但我尝试了所有的解决方案,但都没有效果。我只是试图用webpack编译scss文件,但当我编译时,我得到了错误: ./css/source/main.scss中出现错误3:0 模块分析失败:意外字符“@”(3:0) 您可能需要适当的加载程序来处理此文件类型,目前没有配置加载程序来处理此文件Webpack Web包sass加载程序未配置加载程序来处理此文件,webpack,Webpack,抱歉,我知道还有无数其他线程存在相同的问题,但我尝试了所有的解决方案,但都没有效果。我只是试图用webpack编译scss文件,但当我编译时,我得到了错误: ./css/source/main.scss中出现错误3:0 模块分析失败:意外字符“@”(3:0) 您可能需要适当的加载程序来处理此文件类型,目前没有配置加载程序来处理此文件 const path = require('path'); const MiniCssExtractPlugin = require("mini-css-extra
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"
]
}
]
}
};
请尝试以下格式
{
test: [/.css$|.scss$/],
use: [
MiniCssExtractPlugin.loader,
"css-loader",
"postcss-loader",
"sass-loader"
]
}
此链接可能会帮助您:您是否尝试删除
MiniCssExtractPlugin.loader
行?是的,我有,据我所知,这是我想要做的事情所必需的