Webpack 如何设置useBuiltIns选项

我正在使用Webpack，希望设置Babel“useBuiltIns”选项，以便在我的JS文件中为“承诺”启用pollyfills

我找不到完整的工作示例，所有尝试都以错误告终

这是我的包。请尝试：

{
  "name": "test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "dependencies": {
    "@babel/polyfill": "^7.10.1",
    "bootstrap": "^4.5.0",
    "flatpickr": "^4.6.3",
    "jquery": "^3.5.1",
    "js-cookie": "^2.2.1",
    "lazysizes": "^4.1.7",
    "leaflet": "^1.6.0",
    "lg-thumbnail": "^1.2.0",
    "lightgallery": "^1.7.0",
    "owl.carousel": "^2.3.4",
    "popper.js": "^1.16.1",
    "slick-carousel": "^1.8.1",
    "yuglify": "^0.1.4"
  },
  "devDependencies": {
    "@babel/core": "^7.10.2",
    "@babel/preset-env": "^7.10.2",
    "babel": "^6.23.0",
    "babel-loader": "^8.1.0",
    "clean-webpack-plugin": "^3.0.0",
    "css-loader": "^3.5.3",
    "file-loader": "^6.0.0",
    "react": "^16.13.1",
    "sass": "^1.26.8",
    "sass-loader": "^8.0.2",
    "style-loader": "^1.2.1",
    "webpack": "^4.43.0",
    "webpack-bundle-tracker": "0.4.3",
    "webpack-cli": "^3.3.11",
    "webpack-merge": "^4.2.2"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "webpack --config webpack.dev.js --watch",
    "build": "webpack --config webpack.prod.js"
  },
  "author": "",
  "license": "ISC",
  "babel": {
    "useBuiltIns": "entry" <------ this is not working
  }
}

{
“名称”：“测试”，
“版本”：“1.0.0”，
“说明”：“，
“main”：“index.js”，
“依赖项”：{
“@babel/polyfill”：“^7.10.1”，
“引导”：“^4.5.0”，
“FlatPicker”：“^4.6.3”，
“jquery”：“^3.5.1”，
“js cookie”：“^2.2.1”，
“懒散的人”：“^4.1.7”，
“传单”：“^1.6.0”，
“lg缩略图”：“^1.2.0”，
“lightgallery”：“^1.7.0”，
“猫头鹰转盘”：“^2.3.4”，
“popper.js”：“^1.16.1”，
“光滑转盘”：“^1.8.1”，
“yuglify”：“^0.1.4”
},
“依赖性”：{
“@babel/core”：“^7.10.2”，
“@babel/preset env”：“^7.10.2”，
“巴别塔”：“^6.23.0”，
“巴别塔加载器”：“^8.1.0”，
“清理网页包插件”：“^3.0.0”，
“css加载器”：“^3.5.3”，
“文件加载器”：“^6.0.0”，
“反应”：“^16.13.1”，
“sass”：“^1.26.8”，
“sass加载程序”：“^8.0.2”，
“样式加载器”：“^1.2.1”，
“网页包”：“^4.43.0”，
“网页包包跟踪器”：“0.4.3”，
“webpack cli”：“^3.3.11”，
“网页包合并”：“^4.2.2”
},
“脚本”：{
“测试”：“echo\”错误：未指定测试\“&退出1”，
“开始”：“webpack--config webpack.dev.js--watch”，
“构建”：“webpack--config webpack.prod.js”
},
“作者”：“作者”，
“许可证”：“ISC”，
“巴别塔”：{
“useBuiltIns:“entry”@babel/polyfill不推荐使用core js和regenerator。这来自“由于@babel/polyfill在7.4.0中不推荐使用，我们建议直接添加core js并通过corejs选项设置版本。”

您的预设将如下所示

const presets = [
    [
      '@babel/preset-env',
      {
        useBuiltIns: 'usage',
        corejs: { version: 3, proposals: true }
      }
    ],

安装

 "core-js": "^3.6.5",
"regenerator-runtime": "^0.13.5",

并最终将@babel/polyfill导入替换为

import 'core-js/stable';
import 'regenerator-runtime/runtime';

您还可以相应地将browserlist目标设置为polyfill

例如

"browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11"
  ]

“浏览器列表”：[
">0.2%",
“没有死”，
“不是ie@babel/polyfill不推荐使用core js和regenerator。这来自”由于@babel/polyfill在7.4.0中不推荐使用，我们建议直接添加core js并通过corejs选项设置版本。“

您的预设将如下所示

const presets = [
    [
      '@babel/preset-env',
      {
        useBuiltIns: 'usage',
        corejs: { version: 3, proposals: true }
      }
    ],

安装

 "core-js": "^3.6.5",
"regenerator-runtime": "^0.13.5",

并最终将@babel/polyfill导入替换为

import 'core-js/stable';
import 'regenerator-runtime/runtime';

您还可以相应地将browserlist目标设置为polyfill

例如

"browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11"
  ]

“浏览器列表”：[
">0.2%",
“没有死”，
“不是我