vite.config.js 777 B

12345678910111213141516171819202122232425
  1. import { defineConfig } from 'vite'
  2. import vue from '@vitejs/plugin-vue'
  3. import path from 'path' //
  4. // https://vite.dev/config/
  5. export default defineConfig({
  6. plugins: [vue()],
  7. resolve: {
  8. // 配置路径别名(可选,但推荐,避免相对路径层级混乱)
  9. alias: {
  10. '@': path.resolve(__dirname, './src') // 用 @ 代替 src 目录
  11. },
  12. extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'] // 自动解析这些后缀
  13. },
  14. css: {
  15. preprocessorOptions: {
  16. scss: {
  17. // 全局注入 SCSS 变量文件:所有组件可直接使用 index.scss 中的变量
  18. // 注意:路径必须正确,基于项目根目录
  19. additionalData: '@use "@/styles/index.scss" as *;' // 用别名 @ 更可靠
  20. }
  21. }
  22. }
  23. })