vite.config.ts中的build配置
vite打包后发现所有的css，js，png等都在static文件夹内，配置vite.config.js实现分割代码并存于不同的文件中
vite.config.ts中配置build文章来源地址https://www.toymoban.com/news/detail-573610.html
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();
}
}
}
}
}
文章来源：https://www.toymoban.com/news/detail-573610.html
到了这里，关于vite.config.ts中的配置与打包的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
