Vue3使用vite打包dist目录结构如何自动生成js/css/img文件夹

242 阅读1分钟

修改vite的打包的打包配置

    // vite.config.js
    
    export default defineConfig({
        build:{
            ...
            // 修改rollup的打包配置
            rollupOptions:{
                output:{
                    //入口文件
                    entryFileNames:"js/[name]-[hash].js",
                    //chunk文件 例如使用动态import加载路由或异步组件会切出chunk
                    chunkFileNames:"js/[name]-[hash:10].js",
                    //静态资源
                    assetFileNames:"[ext]/[name]-[hash:8].[ext]"
                }
            }
        }
    })

打包结果

image.png