Vite配置打包分类文件

概述

vite 默认的打包输出目录是dist/assets/目录，所有的js、css、img等资源都会默认输出到该目录下，文件名默认是[name].[hash:8].[filename]。

对于小型项目来说，采用默认配置无伤大雅，但是如果工程比较大，就可以考虑将打包后的文件分类存放在不同目录下。

具体配置

vite是基于Rollup和ES Build的构建工具或者是称为脚手架，而构建那部分就是基于Rollup实现的。

在配置文件vite.config.js中存在rollupOptions属性，其中可以配置Rollup相关属性配置。

实践

vite.config.js配置:

export default defineConfig({
   
  rollupOptions: {
   
    output: {
   
      entryFileNames: "build/js/[name].[hash:6].js",
      chunkFileNames: "build/js/vendor/[name].[hash:8].js",
      manualChunks(id) {
   
        console.log("

标签：hash,name,分类,Rollup,Vite,js,打包,id,vite	

From： https://blog.csdn.net/m0_46281382/article/details/143165837