在 Vite 项目中加载外部 SCSS 文件

配置文件

import { defineConfig } from 'vite'

export default defineConfig({
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `
          @import "./src/styles/_animations.scss";
          @import "./src/styles/_variables.scss";
          @import "./src/styles/_mixins.scss";
          @import "./src/styles/_helpers.scss";
        `
      }
    }
  }
})

参考文章

• https://stackoverflow.com/questions/68131954/how-to-use-sass-using-in-vuejs3-vite