vite 配置 .scss

背景

在自己配置vite项目，然后，自己习惯用sass，所以记录一下配置方案, 配置如下：

代码

官方文档

自己的GitHub仓库

安装 sass 就可以了，别的都不需要配置

npm i sass -D

下面这个配置是注入到各个组件的样式

// vite.config.js

css: {
    /* CSS 预处理器 */
    preprocessorOptions: {
      scss: {
        additionalData: '@import "src/assets/styles/var.scss";'
      }
    }
  },