vite.config.ts中的配置与打包

最新推荐文章于 2024-09-02 11:39:00 发布

杨胖子哒哒面

最新推荐文章于 2024-09-02 11:39:00 发布

阅读量2.5k

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_44739820/article/details/130202872

版权

vite.config.ts中的build配置

vite打包后发现所有的css，js，png等都在static文件夹内，配置vite.config.js实现分割代码并存于不同的文件中
vite.config.ts中配置build

            build: {
                rollupOptions: {
                    output: {
                　　// 用于命名代码拆分时创建的共享块的输出命名
                        chunkFileNames: 'js/[name]-[hash].js',
                　　// 用于从入口点创建的块的打包输出格式[name]表示文件名,[hash]表示该文件内容hash值
                        entryFileNames: 'js/[name]-[hash].js',
                　　// 用于输出静态资源的命名放到dist中的static文件夹下，[ext]表示文件扩展名
                        assetFileNames: 'static/[ext]/[name]-[hash].[ext]',
                        manualChunks(id) {
                            if (id.includes('node_modules')) {
                                return id.toString().split('node_modules/')[1].split('/')[0].toString();
                            }
                        }
                    }
                }
            }