详解如何在vue中使用sass

创建一个基于 webpack 模板的新项目创建一个基于 webpack 模板的新项目为了使用sass，我们需要安装sass的依赖包打开src目录下的components目录中的Hello.vue文件。然后修改 style标签如下然后运行项目终端显示错误，如下：错误提示：无效的css。因为sass语法不使用大括号和分号。如果你喜欢使用不带大括号的语法，只要去掉css代码的大括号和分号，即使用缩进语法。如果你希望使用带大括号的语法，即SCSS那么，你只要把lang="sass"改成lang="scss"就行了。举个例子千万别忘了分号否则会报错类似的错误好了，在vue项目中使用sass就这么简单