vite2打包

最近需要将vite下开发的vue3前端打包，使用npm run build后，生成dist文件夹，访问index.html，页面空白。csdn上看到这篇文章。试了下解决了空白页。

vite 打包页面空白_hero_th的博客-优快云博客_vite 打包 白屏

并附上我的vite.config.js的源码：

// vite.config.js   2.0 beta （正式版本可能有变化）

import vue from "@vitejs/plugin-vue";

const { resolve } = require("path");

// 获取环境变量 ，目前我只能在生产环境中获取到

const NODE_ENV = process.env.NODE_ENV;

/**

 * https://vitejs.dev/config/

 * @type {import('vite').UserConfig}

 */

export default {

  // 访问路径 , 默认 ./

  // base: "/dist/",

  base: './',

  plugins: [vue()],

  // 路径别名

  alias: [{ find: "@", replacement: resolve(__dirname, "src") }],

  build: {

    // 打包路径

    assetsDir: "./static",

    rollupOptions: {

      input: {

        // 入口文件

        main: resolve(__dirname, "index.html")

        // ,

        // // 其他入口

        // nested: resolve(__dirname, 'xxxx.html')

      },

    },

  },

  // 代理

  server: {

    proxy: {

      "/api": {

        target: "xxxx",

        changeOrigin: true,

        rewrite: (path) => path.replace(/^\/api/, "/"),

      },

    },

  },

};