vite配置

vite.config.js配置

开发环境配置

   server: {
    port: 3000, // 端口号
    open: true, // 自动打开浏览器
    cors: true, // 启用 CORS
    proxy: { // 代理
    // 配置跨域
      '/api': {
        target: 'http://localhost:8080',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, '')  // 路径重写（路径不含 /api）
  }
   }

生产环境配置

  build: {
    outDir: 'dist', // 输出目录
    assetsDir: 'assets', // 静态资源目录
    sourcemap: true, // 是否生成sourcemap文件，false将提高构建速度
    minify: 'terser', // 压缩方式，terser为terser压缩，esbuild为esbuild压缩，默认为terser
    rollupOptions: { // Rollup 配置
      output: {
        manualChunks: { // 代码分割
          vendor: ['vue', 'vue-router'],  // 把 vue、vue-router 打包到 vendor.js
          utils: ['lodash', 'axios']  // 把 lodash、axios 打包到 utils.js
        }
      }
    }
  }

路径别名配置

  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src'), // @ 表示 src 目录
      '@components': path.resolve(__dirname, 'src/components'), // @components 表示 src/components 目录
      '@utils': path.resolve(__dirname, 'src/utils') // @utils 表示 src/utils 目录
    }
  }