问题描述:使用@import引入scss文件时,在Webpack中编译会报错,但是之前可以正常工作。
使用sass-loader替代原先的css-loader,并将webpack配置中的importLoaders参数设置为1。
代码示例:
webpack.config.js
module.exports = {
module: {
rules: [
{
test: /\.scss$/,
use: [
'style-loader',
'css-loader',
'sass-loader'
]
},
{
test: /\.css$/,
use: [
'style-loader',
{
loader: 'css-loader',
options: { importLoaders: 1 }
},
'postcss-loader'
]
}
]
}
};