vite.config.ts配置

大可-

于 2024-05-25 14:43:07 发布

阅读量369

点赞数 3

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/m0_55333789/article/details/139197521

版权

import {defineConfig, loadEnv} from 'vite'
import {resolve} from 'path'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig(({mode, command, ssrBuild}) => {
        const root = process.cwd();
        const env = loadEnv(mode, root);
        return {
            plugins: [vue()],
            resolve: {//路径别名
                alias: {
                    '@': resolve(__dirname, './src')
                }
            },
            server: {
                proxy: {
                    [env.VITE_APP_BASE_API]: {
                        // target: 'http://localhost:3001',
                        changeOrigin: true,
                        rewrite: path => path.replace(env.VITE_APP_BASE_API, '')
                    }
                },
                hmr: {
                    overlay: false, // 禁用开发服务器错误的屏蔽
                },
            },
            build: {
                minify: "terser", // 混淆器，terser 构建后文件体积更小，'terser' | 'esbuild'
                rollupOptions: {
                    output: {
                        // 最小化拆分包
                        manualChunks(id) {
                            if (id.includes("node_modules")) {
                                return id
                                    .toString()
                                    .split("node_modules/")[1]
                                    .split("/")[0]
                                    .toString();
                            }
                        },
                        chunkFileNames: "js/[name].[hash].js", // 用于命名代码拆分时创建的共享块的输出命名，[name]表示文件名,[hash]表示该文件内容hash值
                    },
                },
                terserOptions: {
                    // 生产环境移除console打印
                    compress: {
                        drop_console: true,
                        drop_debugger: true,
                    },
                    // 去掉注释内容
                    output: {
                        comments: true,
                    },
                }
            }
        }
    }
)