赞
踩
话不多说直接上代码!下面是最近学习中使用的,不断加入中......(如有错误的地方欢迎大佬们指点)
- /*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/' : '/'
- })
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。