话不多说直接上代码!下面是最近学习中使用的,不断加入中......(如有错误的地方欢迎大佬们指点)
/*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/' : '/'
})