【Vue3】Vite打包发布错误若干问题解决方案，新手遇到的问题都在这里。-Toy模板网

这篇具有很好参考价值的文章主要介绍了【Vue3】Vite打包发布错误若干问题解决方案，新手遇到的问题都在这里。。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、打包命令

npm run build

二、错误1：出现打包报错：块的大小超过限制，Some chunks are larger than 500kb after minification

【Vue3】Vite打包发布错误若干问题解决方案，新手遇到的问题都在这里。

在vite.config.js 中加入下面的代码

build: {
    chunkSizeWarningLimit: 1000,
    rollupOptions: {
      output: {
        // 分包
        manualChunks(id) {
          if (id.includes("node_modules")) {
            return id
              .toString()
              .split("node_modules/")[1]
              .split("/")[0]
              .toString();
          }
        },
      },
    },
  }

vite.config.js 完整代码文章来源地址https://www.toymoban.com/news/detail-504371.html

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue()],

  server: {
    host:"0.0.0.0",
    open:false,
    port:4000,
    https:false,
    hotOnly:false,
    proxy: {
      '/suoker': {
        target: 'http://www.sr.com',
        rewrite: (path) => path.replace(/^\/sr/, ''),
        changeOrigin: true,             //是否跨域
      },
      '/asp': {
        target: 'http://localhost:1100/api/',
        rewrite: (path) => path.replace(/^\/asp/, ''),
        changeOrigin: true,             //是否跨域
      },

    }
  },
  build: {
    chunkSizeWarningLimit: 1000,
    rollupOptions: {
      output: {
        // 分包
        manualChunks(id) {
          if (id.includes("node_modules")) {
            return id
              .toString()
              .split("node_modules/")[1]
              .split("/")[0]
              .toString();
          }
        },
      },
    },
  }

})

到了这里，关于【Vue3】Vite打包发布错误若干问题解决方案，新手遇到的问题都在这里。的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！