为什么 Vue 的 webpack 模板不使用 polyfill 也能在 IE 浏览器上使用 assign 等 ES6+ 方法

发布于 2022-09-07 20:17:27 字数 1085 浏览 16 评论 0

  1. 为什么 Vue 的 Webpack 模板不使用 polyfill 也能在 IE 浏览器上使用 Object.assign 等 ES6+ 方法。而且在模板的package.json和相关配置没有看到babel-polyfill
  2. babel-loader 不能根据我的代码中ES6使用情况自动添加相关的polyfill吗?感觉使用我的配置是根据browserlist 添加的polyfill
  3. 当我自己使用 Webpack4 的时候,如果需要使 IE 浏览器上能正确使用 ES6+ 方法。需要在入口文件添加一行import 'babel-polyfill'

附上我的webpack配置:

'use strict';
const path = require('path');
module.exports = {
  mode: 'development',
  entry: {
    index: path.join(__dirname, './index.js'),
  },
  output: {
    filename: '[name].bundle.js',
  },
  devtool: 'cheap-module-eval-source-map',
  devServer: {
    contentBase: path.resolve(__dirname, './'),
    port: 8000,
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            cacheDirectory: true,
            presets: [[ 'env', {
              useBuiltIns: true,
            }]],
            plugins: [ 'transform-runtime' ],
          },
        },
      },
    ],
  },
};

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

少跟Wǒ拽 2022-09-14 20:17:27

babel 只转语法 ,不转api,新的api需要引入babel-polyfill

寒尘 2022-09-14 20:17:27
  1. Object.assign 不需要 babel-polyfill
  2. babel 是可以做到。 但问题是, 你是否需要转化呢? 如果你的目标浏览器就是最新浏览器就好了,它是不是就没有必要转化了?
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文