vite踩坑

• 1. 配置vite.confgi.ts无法使用require
• 2. 环境变量
• 3. 打包文件命名和路径

1. 配置vite.confgi.ts无法使用require

2. 环境变量

取值时import.meta.env.xxx 自定义变量VUE_APP_BASE_API 变成 VITE_APP_BASE_API

3. 打包文件命名和路径

build: {
    // 生产环境移除console
    terserOptions: {
        compress: {
            drop_console: true,
        },
    },
    rollupOptions: {
        output: {
            entryFileNames: `js/app.[hash].js`,
            chunkFileNames: `js/chunk.[hash].js`,
            assetFileNames: `assets/[hash].[ext]`
        }
    }
}

4.路径别名

 resolve: {
    alias: [{
      find:'@',
      replacement: path.resolve(__dirname, 'src')
    }]
  }, //别名