当前位置:   article > 正文

【学习记录15】vite+vue3的配置文件_vitemockserve 没有supportts

vitemockserve 没有supportts

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

  1. /*vite.config.js*/
  2. import { defineConfig } from 'vite'
  3. import vue from '@vitejs/plugin-vue'
  4. import path from 'path'
  5. import { viteMockServe } from 'vite-plugin-mock' // 使用mock服务
  6. export default defineConfig({
  7. plugins: [
  8. vue(),
  9. viteMockServe({
  10. supportTs:false, // 是否为ts文件
  11. logger: false, // 是否打印日志
  12. mockPath: "./src/mock/" // 放mockjs相关文件的路径地址
  13. })
  14. ],
  15. css: {
  16. // css预处理器
  17. preprocessorOptions: {
  18. scss: {
  19. // 引入 variable.scss 这样就可以在全局中使用 var.scss中预定义的变量了
  20. // 给导入的路径最后加上 ;
  21. additionalData: '@import "./src/style/variable.scss";'
  22. }
  23. }
  24. },
  25. // 配置路径别名:比如 import MyMenu from './../components/Menu/menu.vue'
  26. // 可以这样:import MyMenu from '@/components/Menu/menu.vue'
  27. resolve: {
  28. alias: {
  29. '@': path.resolve(__dirname, './src'),
  30. }
  31. },
  32. // build路径设置,在生产环境是/my-code/,在本地开发环境是/
  33. base: process.env.NODE_ENV === 'production' ? '/my-code/' : '/'
  34. })

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家自动化/article/detail/392334
推荐阅读
相关标签
  

闽ICP备14008679号