vue脚手架中使用scss

在Vue脚手架中使用SCSS，首先你需要在app根目录创建一个用于存放SCSS文件的文件夹，然后创建一个全局的SCSS文件，例如命名为index.scss。接下来，你可以通过以下步骤来配置SCSS的全局引入：

1. 使用npm安装所需的依赖：

   npm install node-sass -D
   npm install sass-loader -D

2. 修改项目中的build > utils.js文件。找到以下代码：

   scss: generateLoaders('sass'),

修改为如下代码：

   scss: generateLoaders('sass').concat(
     {
       loader: 'sass-resources-loader',
       options: {
         resources: path.resolve(__dirname, '../src/assets/scss/index.scss') // 全局样式文件的路径
       }
     }
   ),

3. 在main.js中引入index.scss文件：

   import Vue from 'vue'
   import App from './App'
   import router from './router'
   import './styles/index.scss'
   Vue.config.productionTip = false

这样就可以在整个项目中使用全局的SCSS样式了。