如何在运行webpack时传入自定义参数供配置文件做条件判断

要兼容你提到的两种传参格式，不需要装额外依赖，直接在配置里用Node原生能力解析就行，具体实现如下：

无依赖兼容方案（支持两种目标传参格式） #

需要兼容的两种传参形式：

• 布尔标记传参：./bin/webpack -stateless
• 键值对传参：./bin/webpack stateless=true

直接在webpack.config.js最顶部添加参数解析逻辑：

// 解析命令行自定义参数
const cliArgs = process.argv.slice(2);
const customArgs = {};

cliArgs.forEach(arg => {
  // 匹配 -开头的布尔类型参数
  if (arg.startsWith('-')) {
    customArgs[arg.slice(1)] = true;
  }
  // 匹配 key=value 格式的键值对参数
  if (arg.includes('=')) {
    const [key, rawVal] = arg.split('=');
    // 自动转换布尔类型，避免判断时拿到字符串格式的"true"/"false"
    customArgs[key] = rawVal === 'true' ? true : rawVal === 'false' ? false : rawVal;
  }
});

// 直接取值，未传参时默认给false
const isStateless = customArgs.stateless ?? false;

后续在配置里直接判断isStateless的布尔值走对应分支逻辑即可，示例：

module.exports = {
  entry: './src/index.js',
  output: {
    path: __dirname + '/dist',
    filename: isStateless ? '[name].[contenthash].js' : '[name].js'
  },
  plugins: [
    // 公共插件放这里
    isStateless && new (require('some-stateless-plugin'))()
  ].filter(Boolean)
};

这个方案后续要新增其他自定义参数也不用修改解析逻辑，直接按相同规则传参即可，比如执行./bin/webpack -debug apiBase=https://test.com，可以直接通过customArgs.debug、customArgs.apiBase拿到对应值。

Webpack官方原生方案（仅支持标准env传参） #

如果可以调整命令格式，用webpack自带的env传参更规范，但不支持你提到的单横杠无--env前缀的写法，命令需要调整为：

• 布尔传参：./bin/webpack --env stateless
• 键值对传参：./bin/webpack --env stateless=true

这时候把webpack配置导出为函数，就能直接拿到解析好的参数：

module.exports = (env) => {
  const isStateless = env.stateless ?? false;
  return {
    // 所有配置写在返回值里，直接判断isStateless写分支逻辑即可
    entry: './src/index.js',
    // ...其余配置项
  }
};

注意：如果直接传-stateless（单横杠）给官方CLI，会被识别为webpack内置参数，直接报未知参数错误，要兼容你最初列的两种命令格式就选第一种无依赖方案。

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