SvelteKit实现参数化多构建配置的简洁方案咨询

你可以通过单配置文件+命令行参数判断的方式实现，无需拆分多个配置文件，步骤如下：

1. 修改vite.config.js，动态配置构建参数 #

直接在现有配置文件中加入命令行参数判断逻辑，根据传入的--option1/--option2自动切换minify和sourcemap的值：

import { defineConfig } from "vite";
import { svelte } from "@sveltejs/vite-plugin-svelte";

// 读取命令行参数，判断要使用的构建选项
const isOption1 = process.argv.includes('--option1');
const isOption2 = process.argv.includes('--option2');

export default defineConfig({
  plugins: [svelte()],
  build: {
    minify: isOption2, // option2开启压缩，option1关闭
    outDir: "../inst/www",
    sourcemap: isOption1, // option1开启sourcemap，option2关闭
    emptyOutDir: true,
  },
  // base: "",
});

2. 执行构建命令 #

注意：npm run传递参数给脚本时，需要在参数前加--，否则参数会被npm本身接收，而非传递给vite：

• 触发option1构建：

  npm run build -- --option1
  

• 触发option2构建：

  npm run build -- --option2
  

可选：添加快捷脚本（更简洁） #

如果觉得每次加--麻烦，可以在package.json的scripts中添加快捷命令，直接通过脚本名触发构建：

{
  "scripts": {
    "build": "vite build",
    "build:option1": "vite build --option1",
    "build:option2": "vite build --option2"
  }
}

之后直接运行以下命令即可：

npm run build:option1
# 或
npm run build:option2

这个方案完全基于原生Node.js和Vite能力，无需额外依赖，配置逻辑清晰，是最简洁的实现方式。

内容的提问来源于stack exchange，提问作者Julian Karch