vite4 打包 设置asset资源路径

Vite4 在打包时，可以通过 `assetsDir` 属性来设置静态资源的输出目录。默认情况下，Vite4 会将静态资源输出到 `dist` 目录下的根目录中，如果需要修改输出目录，可以按照以下步骤进行操作：

1. 在项目根目录下创建一个 `vite.config.js` 文件，用于配置 Vite4。

2. 在 `vite.config.js` 文件中添加以下代码：

   module.exports = {
     build: {
       assetsDir: 'static' // 设置静态资源的输出目录
     }
   }

其中，`assetsDir` 属性的值为静态资源的输出目录，例如 `static` 表示输出到 `dist/static` 目录中。

3. 执行以下命令进行打包：

   npm run build

4. 打包完成后，在项目根目录下会生成一个 `dist` 目录，里面包含了打包后的静态文件和静态资源，静态资源的路径为 `assetsDir` 属性设置的地址。

需要注意的是，`assetsDir` 属性只会影响静态资源的输出目录，对于其他静态文件（如 `index.html`）的输出目录，仍然需要使用 `base` 属性来设置。