vite自定义打包文件名

2024-03-16 01:36| 来源: 网络整理| 查看: 265

参考文档

vite 自定义底层的 Rollup 打包配置 rollup 配置列表

基础配置

[name] [hash] [ext]... 为内置占位符，详见对应的rollup配置。e.g.assetFileNames

export default defineConfig({ build: { rollupOptions: { output: { // 入口文件名 entryFileNames: 'assets/[name].js', // 块文件名 chunkFileNames: 'assets/[name]-[hash].js', // 资源文件名 css 图片等等 assetFileNames: 'assets/[name]-[hash]-balabala.[ext]', }, }, } }) 进阶配置

entryFileNames、chunkFileNames、assetFileNames支持使用函数以实现更灵活的配置，这里以assetFileNames为例

import path from 'path' export default defineConfig({ build: { rollupOptions: { output: { assetFileNames(chunkInfo) { if (chunkInfo.name) { const [name, ext] = path.basename(chunkInfo.name).split('.') return `assets/${name.toLocaleLowerCase()}-balabala.${ext}` } return '' }, }, }, } })

【本文地址】

公司简介

联系我们

vite自定义 打包文件名

vite自定义打包文件名