【学习记录15】vite+vue3的配置文件

话不多说直接上代码！下面是最近学习中使用的，不断加入中......（如有错误的地方欢迎大佬们指点）

/*vite.config.js*/

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
import { viteMockServe } from 'vite-plugin-mock'  // 使用mock服务

export default defineConfig({
  plugins: [
    vue(),
    viteMockServe({
        supportTs:false, // 是否为ts文件
        logger: false, // 是否打印日志
        mockPath: "./src/mock/" // 放mockjs相关文件的路径地址
    })
  ],
  css: {
    // css预处理器
    preprocessorOptions: {
      scss: {
        // 引入 variable.scss 这样就可以在全局中使用 var.scss中预定义的变量了
        // 给导入的路径最后加上 ;
        additionalData: '@import "./src/style/variable.scss";'
      }
    }
  },
  // 配置路径别名：比如 import MyMenu from './../components/Menu/menu.vue'
  // 可以这样：import MyMenu from '@/components/Menu/menu.vue'
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    }
  },
  // build路径设置，在生产环境是/my-code/,在本地开发环境是/
  base: process.env.NODE_ENV === 'production' ? '/my-code/' : '/'
})