如何在vue中使用sass

使用sass,我们需要安装sass的依赖包

npm install --save-dev sass-loader
//sass-loader依赖于node-sass
npm install --save-dev node-sass

修改style标签

打开目录中的xxx.vue文件。 然后修改 style标签如下

<style lang="sass">

如果出现错误提示:无效的css。因为sass语法不使用大括号和分号。 如果你喜欢使用不带大括号的语法,只要去掉css代码的大括号和分号,即使用缩进语法。 如果你希望使用带大括号的语法,即SCSS 那么,你只要把lang="sass"改成lang="scss"就行了。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Java技术分享

Dubbo无法访问远程Zookeeper已注册服务的问题

使用Dubbo的时候发现当Zookeeper、Dubbo-admin、生产者和消费者都在 内网中的时候,生产者的生产和消费是没有问题的,但是当它Zookeep...

3748
来自专栏北京马哥教育

原创投稿 | 使用nagios监控主机及服务

写在前头:限于个人对nagios的了解有限,写得不够深入与系统,甚至可能会有些错误,各位看官还多包涵。本文主要涉及的是nagios daemon、nrpe及三个...

27811
来自专栏Aloys的开发之路

在工作中遇到的问题

最近我经常要更改应用中的一些功能,其实要做的事情比较简单,但是也很繁琐,这里记录一下。由于只是实现一些小的功能接口,不会更改网站的显示内容,所以不能或者很难通过...

16910
来自专栏http://www.cnblogs.com

python3之platform模块

platform模块可以获取操作系统的相关信息。 >>> platform.system() #获取系统名称 'Linux' >>> platform.ar...

35510
来自专栏IT可乐

Linux 文本编辑器vi命令

1、Vim   Vim  是一个功能强大的全屏幕文本编辑器,是 Linux/UNIX 上最常用的文本编辑器,它的作用是建立、编辑、显示文本文件。   Vim 没...

18010
来自专栏bboysoul

使用mkdocs管理你的博客或者文档

其实我是想找一个文档管理的东西,无意间知道了mkdocs,感觉还不错,是使用python做的一个静态网站生成器

992
来自专栏软件开发 -- 分享 互助 成长

Android应用程序中应用图标和名字的设置

在AndroidManifest.xml文件中设android:icon和 android:label指定名字和图标的位置,如: <application ...

1825
来自专栏性能与架构

负载均衡策略

1. HTTP重定向 当用户发来请求的时候,Web服务器通过修改HTTP响应头中的Location标记来返回一个新的url,然后浏览器再继续请求这个新url,...

3467
来自专栏开源项目

免费个人博客搭建教程(详细-图文)--Hexo+OSChina

使用工具介绍 码云 Pages:码云 Pages 是一个免费的静态网页托管服务,您可以使用码云 Pages 托管博客、项目官网等静态网页。这样就不用购买服务器和...

44612
来自专栏用户2442861的专栏

Maven之(五)Maven仓库

http://blog.csdn.net/u012152619/article/details/51475070

611

扫码关注云+社区