在 Vue-CLI 3.0 中应用 SCSS/SASS 的方法

简介：
本文介绍了如何在Vue-CLI 3.0项目中配置和使用SCSS/SASS进行样式开发，帮助开发者提升前端项目的样式管理效率。 在项目中使用 SCSS 或 SASS 进行样式编写可以显著提高开发效率。以下是三种方法，在 vue-cli v3.0 中如何应用这些预处理器： **方案一：直接在组件内使用** 最简单的方法是在 Vue 组件内部直接引入 SCSS 或 SASS 文件，例如： ```html ``` 通过 `lang` 属性指定所使用的语法。如果希望样式的应用范围是全局的，则可以移除 `scoped` 属性。 **方案二：在组件中导入 SCSS 文件** 另一种方法是在 Vue 组件内部直接导入 .scss 或 .sass 文件，例如： ```html ``` 这里通过使用 `@import` 语句可以引入其他文件中的变量或混入等。