带有 babel-preset-env "last 2 versions"和 Internet Explorer 的 webpack

Question

也许我有点天真。 babel-preset-env 上的自述文件

https://github.com/babel/babel-preset-env

说:

A Babel preset that compiles ES2015+ down to ES5 by automatically determining the Babel plugins and polyfills you need based on your targeted browser or runtime environments.

然而，IE11 却因反引号和 Promies 而陷入困境，因为 webpack/babel 既不会将反引号模板转译为常规字符串，也不会提供 Promise 填充。

我使用的是 webpack 3.4.1 和 babel-core 6.2.5。

我没有到达这里的是什么？

这是我的 babel webpack 配置的 use 部分:

    use: [{
      loader: 'babel-loader',
      options: {
        presets: [
          [
            'env',
            {
              targets: {
                browsers: [
                  'last 2 versions'
                ]
              },
              modules: false
            }
          ]
        ],
        plugins: [
          'transform-runtime',
          'syntax-dynamic-import'
        ]
      }
    }]

Answer 1

我连续两天都在用头撞墙，因为 babel 根本没有转译任何东西!终于找到了罪魁祸首:就是那个babel-loader wasn't reading .babelrc根本不。迁移到 babel.config.js 后babel-loader 现在可以正确使用指定的预设和 polyfill。

我的工作babel.config.js配置@babel/core 7 , @babel/present-env 7 , @babel/polyfill 7 , babel-loader 8 :

module.exports = function (api) {
api.cache(true);

return {
    presets: [
      [
        '@babel/env', {
          useBuiltIns: 'entry',
        },
      ],
    ],
  };
};