在 vue-cli v3.0 中使用 SCSS/SASS的方法

在项目中使用 SCSS/SASS 进行样式编写无疑会节省很多开发样式的时间。关于如何在 vue-cli v3.0 中使用 SCSS/SASS，这里提供三种方案。前提是在使用 vue-cli 生成项目时勾选了 CSS Pre-processors ，否则无法在项目中直接使用。在组件中直接使用 SCSS/SASS 是最简单的方式：通过 lang 选项可以选择使用的语法： scss/sass。如果希望样式能够在全局范围内生效，就将 scoped 删除。有时候我们可能想定义一个通用的 scss/sass我们可以在项目目录中创建一个 .scss 文件，比如一些只想在特定组件中使用的通用样式或是一些 scss 变量等。我们可以在组件中使用 @import 进行样式导入，例如：注意路径不要写错了。否则的话 .scss 不可能直接在普通 css 样式表中进行编译，需要保持样式表格式的统一。