vite.config.js

import {defineConfig} from 'vite'

const {resolve} = require('path')

export default defineConfig({
    base: './',
    server: {
        port: 8080,
        host: '0.0.0.0'
    },
    resolve: {
        alias: {
            src: resolve(__dirname, './src')
        }
    },
    build: {
        outDir: 'docs', // 配合github静态页的导出目录
        assetsInlineLimit: 0,
        rollupOptions: {
            output: {
                // // 分包
                manualChunks: (id) => {
                    if (id.includes('node_modules')) {
                        let idTmp = id.substring(id.lastIndexOf('node_modules/') + 'node_modules/'.length)
                        idTmp = idTmp.substring(0, idTmp.indexOf('.'))
                        const idArr = idTmp.split('/')
                        let result = ''
                        for (let i = 0; i < Math.min(3, idArr.length); i++) {
                            result += (i > 0 ? '_' : '') + idArr[i]
                        }
                        return result
                    }
                },
                // // 用于从入口点创建的块的打包输出格式[name]表示文件名,[hash]表示该文件内容hash值
                entryFileNames: 'entry/[name].[hash].js',
                // 用于命名代码拆分时创建的共享块的输出命名
                chunkFileNames: (chunkInfo)=>{
                    return `chunk/${chunkInfo.name.replace('_','')}.[hash].js`
                },
                // 用于输出静态资源的命名，[ext]表示文件扩展名
                assetFileNames: 'assets/[ext]/[name].[hash].[ext]',
                // 拆分js到模块文件夹
                // chunkFileNames: (chunkInfo) => {
                //     const facadeModuleId = chunkInfo.facadeModuleId ? chunkInfo.facadeModuleId.split('/') : [];
                //     const fileName = facadeModuleId[facadeModuleId.length - 2] || '[name]';
                //     return `js/${fileName}/[name].[hash].js`;
                // },
            },
            // output: {
            //     // 用于从入口点创建的块的打包输出格式[name]表示文件名,[hash]表示该文件内容hash值
            //     entryFileNames: 'entry/[name].[hash].js',
            //     // 用于命名代码拆分时创建的共享块的输出命名
            //     chunkFileNames: 'chunk/[name].[hash].js',
            //     // 用于输出静态资源的命名，[ext]表示文件扩展名
            //     assetFileNames: 'assets/[ext]/[name].[hash].[ext]',
            // }
        }
    }
})