node-sass编译scss文件`@charset utf-8`报错的解决办法

当使用gulp-sass在Windows环境下编译包含中文注释的scss文件时,会遇到编码问题导致报错。解决方法是卸载旧版node-sass,安装最新版本,并调整写法,确保支持`@charset utf-8`。
摘要由CSDN通过智能技术生成

前言

SCSS很好用…但是有一点不是很人性化的是,除了默认英文注释.其他注释需要设置相应的字符编码才能正确解释,否则报错

在原生ruby配置的scss, 文件是支持@charset 'utf-8'

也就是默认这样写法是支持的

@charset 'utf-8'
@import 'xxx'

问题

渐渐习惯用构建工具来减少一些重复工作,我日常工作中使用了gulp;
在gulp内,支持用两种插件编译sass,一个是gulp-ruby-sass,一个是gulp-sass

前者需要安装ruby环境且配置好..我不喜欢装太多东东;
就选择了gulp-sass,这货依赖node-sass,,,在win下node-sass需要visual studio 来编译[挺多插件需要vs来编译的]

然而用了gulp-sass…之前用英文注释没出现什么问题,今天心血来潮写点中文注释..却各种报错;

如图

这里写图片描述

这让我有些无语….拿着梯子闯荡去了..


解决办法

我翻遍了谷歌..stackoverflow也没..;

终于在node-sass的i

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

crper

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值