生产环境旧浏览器报Set未找到错误，Webpack引入polyfill无效求助

1. es6-set未挂载到全局是核心问题 #

你现在只是require('es6-set')，但这个包默认不会自动把Set挂载到全局window对象上——它仅导出了Set类而已。旧浏览器找不到全局的Set变量，自然还是会报错。你需要手动把它赋值给全局：

// 把Set挂载到window，让全局代码都能访问到
window.Set = require('es6-set');

如果你的项目用ES模块语法（import），就改成：

import Set from 'es6-set';
window.Set = Set;

2. 换成更省心的全量polyfill方案 #

单独引入单个polyfill很容易踩坑，比如遗漏特性、挂载方式不对或者版本兼容问题。推荐用core-js这种成熟的polyfill库，它能根据你要兼容的浏览器环境，自动注入所有需要的ES6+特性polyfill。

步骤很简单：

• 先安装依赖：npm install core-js regenerator-runtime --save
• 在项目入口文件的最顶部（必须是最早执行的代码）引入：

import 'core-js/stable';
import 'regenerator-runtime/runtime'; // 如果用到async/await的话才需要这个

• 然后在Babel配置（比如.babelrc或babel.config.json）里指定目标环境，让它按需注入：

{
  "presets": [
    ["@babel/preset-env", {
      "useBuiltIns": "usage",
      "corejs": 3,
      "targets": {
        "ie": "11",
        "chrome": "58"
      }
    }]
  ]
}

这种方式会自动扫描你代码里用到的ES6+特性，只打包需要的polyfill，既高效又能避免遗漏。

3. 确保polyfill是最早执行的代码 #

如果你的polyfill代码不是在所有业务代码、第三方库之前执行，那可能有些模块在polyfill加载完成前就已经用了Set，导致报错。一定要把polyfill的引入放在入口文件的第一行，确保它最先被加载执行。

4. 检查Webpack入口配置 #

如果是多入口项目，要确保每个入口都引入了polyfill，或者在Webpack的entry配置里把polyfill作为入口的一部分，比如：

module.exports = {
  entry: ['es6-set/polyfill', './src/index.js']
};

这样Webpack会先加载polyfill，再加载你的业务代码。

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