跳至主要內容

Vite 获取打包自定义参数

Bing🐣2024年3月23日ViteVite大约 1 分钟

Vite 获取打包自定义参数

虽然 Vite 支持环境变量和模式,支持配置各种环境变量及获取,但部分情况我们可能不想讲该配置放到环境变量里面,比如我想运行一个打包分析,生成代码分析报告的命令:npm run report,执行代码打包并生成代码分析报告,不想因为额外一个命令去维护一个单独的环境变量,此时我们就可以使用-- --在打包的时候传递额外的自定义参数。

使用

package.json中新增report命令,执行 test 环境打包命令,并附带上--report自定义参数。

{
  "scripts": {
    "dev": "run-p type-check && vite",
    "build-test": "run-p type-check && vite build --mode test",
    "report": "run-p type-check && vite build --mode test -- --report"
  }
}

vite.config.ts配置文件中可以通过process.argv来获取所有的参数,其中也包括自定义的参数,可以console.log打印看下。

可以发现返回的结构是一个数组,其中自定义的参数--report也在其中。

image
image

可以判断--report存不存在,如果存在的话可以执行一些额外的操作,比如使用打包分析的插件。

if (process.argv.includes('--report')) {
  // 执行添加打包分析插件
  plugins.push(analyzer)
}