scss 编译报错:Module build failed:Unknown word

当遇到'Unknown word'编译错误时,首先检查SCSS语法无误。问题可能源于CSS或SCSS loader配置顺序不当。解决方法包括确保正确安装相关loader,并在webpack配置中遵循从右到左的加载顺序,将SCSS loader置于CSS loader之后,以正确处理.scss文件。
摘要由CSDN通过智能技术生成

首先,请确认错误不是由语法错误造成的。

在排除语法错误后,这一问题产生的原因很有可能是 webpackloader 顺序设置错误。

解决方案

首先要确认下面的扩展有没有安装好

npm i sass-loader node-sass postcss-loader style-loader autoprefixer -D
css loader 的配置

生产环境

{
   
   test: /\.css$/,
   use: ExtractTextWebpackPlugin.extract({
   
    fallback: 'style-loader'
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值