vite.config.js 906 B

12345678910111213141516171819202122232425262728
  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. // 确保没有禁用环境变量加载
  7. envDir: '.', // 环境变量文件目录
  8. envPrefix: 'VITE_', // 环境变量前缀
  9. plugins: [vue()],
  10. resolve: {
  11. // 配置路径别名(可选,但推荐,避免相对路径层级混乱)
  12. alias: {
  13. '@': path.resolve(__dirname, './src') // 用 @ 代替 src 目录
  14. },
  15. extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'] // 自动解析这些后缀
  16. },
  17. css: {
  18. preprocessorOptions: {
  19. scss: {
  20. // 全局注入 SCSS 变量文件:所有组件可直接使用 index.scss 中的变量
  21. // 注意:路径必须正确,基于项目根目录
  22. additionalData: '@use "@/styles/index.scss" as *;' // 用别名 @ 更可靠
  23. }
  24. }
  25. }
  26. })