博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue 中使用scss
阅读量:5370 次
发布时间:2019-06-15

本文共 368 字,大约阅读时间需要 1 分钟。

1.下载

npm install --save-dev sass-loader
npm install --save-dev node-sass
npm install sass-loader --save-dev
2.使用
vue1中
在build文件夹下的webpack.base.conf.js的rules里面添加配置

{

test: /\.sass$/, loaders: ['style', 'css', 'sass']

}

 

vue2 中不用,已经自己引入了,再引入会报错

在style 中加入lang=“scss” 属性即可

<style lang="scss"><style>

如果.css文件把名字改成.scss即可

 

 
 
 

转载于:https://www.cnblogs.com/zyb-722/p/10929242.html

你可能感兴趣的文章
git diff 的用法
查看>>
一段sql的优化
查看>>
十进制与十六进制的相互转换
查看>>
在Flex中用Validator检测数字、字符串、Email.
查看>>
[leetcode]4Sum
查看>>
POJ1062 昂贵的聘礼
查看>>
【零基础学习iOS开发】【02-C语言】08-基本运算
查看>>
Java 将指定字符串连接到此字符串的结尾 concat()
查看>>
Hibernate Criterion
查看>>
Python知识
查看>>
我们为什么要搞长沙.NET技术社区(三)
查看>>
杭电acm Cake
查看>>
js函数中this的指向
查看>>
c++ 引用方式传递数组
查看>>
HBase学习之路 (九)HBase phoenix的使用
查看>>
LeetCode() Remove Duplicates from Sorted Array II
查看>>
【svn】idea svn 文件上会出现一个破书
查看>>
cocos2d-x 3.0 场景切换特效汇总(转)
查看>>
The SortedMap Interface
查看>>
SniperOJ-leak-x86-64
查看>>