如何在webpack中使用babel 7.6填充

Question

如何通过IE11的webpack插件设置core-js/stable而不是babel/polyfill

版本信息

npm : 6.10.0
react : 16.9.0
babel : 7.6.2
webpack : 4.41.0

我知道这一点。 从Babel 7.4.0开始，@babel/polyfill已过时，不推荐直接包含。 所以我想在babel config插件中使用core-js/starble，regenerator-runtime/runtime

喜欢这个。

// It doesn't work.


...modules rules
{
        test: /\.js$/,
        loader: 'babel-loader',
        include: [
          path.join(__dirname),
          path.join(__dirname, "node_modules/react-dnd-html5-backend"),
          path.join(__dirname, "node_modules/react-dnd")
        ],
        exclude: {
          test: path.resolve(__dirname, "node_modules"),
        },
},


module.exports = (api) => {
  api.cache(true)

  return {
    presets: [
      ["@babel/env", {
        targets: {
          edge: "17",
          firefox: "60",
          chrome: "67",
          safari: "11.1",
          ie: "11"
        },
        useBuiltIns: "usage",
        corejs: "core-js@3"
      }],
      "@babel/react"
    ],
    plugins: [
      ["@babel/plugin-proposal-decorators", {legacy: true}],
      ["@babel/plugin-proposal-class-properties", {loose: true}],
      [
        "@babel/plugin-transform-runtime",
        {
          "absoluteRuntime": false,
          "corejs": false,
          "helpers": true,
          "regenerator": true,
          "useESModules": false
        }
      ]
    ]
  }
};

// It works.
import "core-js/stable";
import "regenerator-runtime/runtime";
import ....

以及如何将特定的react-dnd，react-dnd-html5-backend包含到圣经polyfill中