构建配置

Viter 构建配置在 Vite 构建配置 的基础上，追加了如下配置:

runtimePublicPath

用于启用运行时的 publicPath ，详见运行时配置章节。

buildMode

• Type: 'single' | 'split' | 'split-js'

构建模式，预置了一些构建配置，方便项目快速使用配置。目前支持三种预制配置。如果没有配置该选项，则使用 vite 默认构建配置。

注意：dynamicImport 和 single 模式不可同时配置。

选项

• single

该模式下只输出 index.esm.js、index.css、index.html 三个文件，未启用按需加载和代码分割，新手友好。

• split

该模式下启动默认代码分割,包括 vite css split，但入口文件仍然为 index.esm.js。

• split-js

该模式关闭 css split，其余和 split 模式相同。

构建相关配置示例如下：

// viter.config.tsimport { defineConfig } from 'viter';
export default defineConfig({  build: {    runtimePublicPath: { preloadBaseMarker: 'window.publicPath' },    buildMode: 'single',  },});