vue项目打包上线

一.项目打包

1. 首先在打包之前做两个优化操作

• 优化一：在vite.congfig(vite.config.ts文件)去掉项目中console.log和debugger

        解决方式：在vite.config.ts文件中添加esbuild:{drop:["console","debugger"]} 

export default defineConfig({
  esbuild: {
    drop:['console','debugger']//打包时去掉console语句
  },
  plugins: [vue(), vueJsx()],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
      '#': fileURLToPath(new URL('./types', import.meta.url))
    }
  },
  server: {
    proxy: {
      "/m.api": {
        target: 'http://192.168.1.188:8080',
        changeOrigin: true
      },
      "/upload/admin": {//图片上传地址
        target: 'http://192.168.1.188:8080', // 后端服务实际地址
        changeOrigin: true,
        ws: true
      }
    }
  }
})

• 优化二：在package.json(package.json文件)去掉ts类型检查

          解决方式："build": "run-p type-check build-only"改为"build": "run-p build-only"

 2.打包