如何在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 条评论
登录 后参与评论

相关文章

来自专栏Golang语言社区

go语言读取csv文件并输出的方法

本文实例讲述了go语言读取csv文件并输出的方法。分享给大家供大家参考。具体实现方法如下: package main import ( "encodi...

3598
来自专栏Bingo的深度学习杂货店

实用的 PHP 技术

本章主要介绍一些实用的 PHP 技术应用: <?php echo "<pre>"; printf("The result is %.2f\n", 2.345)...

3155
来自专栏nummy

ipython简要入门

在获取对象属性时,tab自动补全非常的有用,只需要输入object_name.<TAB>就可以获取对象的属性。

782
来自专栏C语言及其他语言

C语言中的预处理

1、 宏定义 预处理命令可以改变程序设计环境,提高编程效率,它们并不是 C 语言本身的组成部分,不能直接对 它们进行编译,必须在对程序进行编译之前,先对程序中...

2636
来自专栏爱撒谎的男孩

struts核心配置文件详解(package)

3226
来自专栏行者常至

Struts1 页面提交到ActionForm,form为null

612
来自专栏散尽浮华

使用grep精确匹配一个单词

grep(global search regular expression(RE) and print out the line,全面搜索正则表达式并把行打印出...

925
来自专栏CodingToDie

Python学习(七):模块 优雅的封装

第7 章 模块 优雅的封装 Table of Contents Python中的模块 使用模块 定义模块 建议 模块的安装 模块搜索路径 作用域 编程是一种美德...

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

文件重定向函数freopen

头文件:stdio.h FILE *freopen( const char *filename, const char *mode, FILE *stream ...

1717
来自专栏懒人开发

android studio简单使用(B2):自定义代码模版快捷键Live Templates

前面是一些系统的代码模版, 以及对应的快捷键 这样,对应的代码,我们可以较快的写出

443

扫描关注云+社区