关于vite打包的一些配置

1.使用vite打包,需要打开发环境的包,需要在package.json文件加上代码:“build:dev”: “vite build --mode development”,

"scripts": {
    "dev": "vite",
    "build": "vite build",
    "build:dev": "vite build --mode development",
    "preview": "vite preview"
  },

【注】在打开发环境的包时,遇到i8n的文本翻译有问题,谷歌搜索以后,得到如下答案:
如果将Vite与Vue一起使用,并且在生产构建中需要按需编译,则解决方案是在@intlify/Vite-plugin-i18n插件选项中设置runtimeonly:false。

即在vue.config.js文件进行如下设置:

 vueI18n({
      include: path.resolve(__dirname, "./path/to/src/locales/**"),
      runtimeOnly: false,
  }),

2.打包后图片显示不出来,在vue.config.js加上:base: “./”,
关于vite打包的一些配置_第1张图片

你可能感兴趣的:(vue.js,javascript,前端)