vue中使用sass

在.vue组件中使用sass,安装了sass-loader后,运行webpack报错说找不到python。
一说sass编译需要python2。
查询后明白了,vue中使用sass要安装sass-loader和node-sass,sass的编译需要用到node-sass。
用淘宝镜像解决方法如下:
npm  install  -g  cnpm  --registry=https: //registry.npm.taobao.org  (安装淘宝镜像)

cnpm install node-sass  --save (使用淘宝镜像安装node-sass)

webpack中配置sass-loader

vue单文件组件中style加上lang="sass" scoped=""
PS:很多文章给出的示例是lang="scss",但webpack的时候会报错,改成sass返回成功了
一说sass不能使用大括号会报错,scss不会。
为了让语法高亮,安装了插件:
    "Sass",
    "SASS Build", 
    "Syntax Highlighting for Sass",
   
之后语法有高亮,但大括号都会报错,然而可以正常webpack
留个尾巴。之后再研究。





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值