vue中配置babel-polyfill报错

Question

最近一个项目，用webpack打包，想要支持ie11，于是引入babel-polyfill，但是老是出错，试过各种方法都不行，错误描述如下：刚开始没有引入babel-polyfill时webpack配置文件是这样写的：之后npm install了babel-polyfill之后试过好多写法都不行，请问究竟该怎么配置呢？改为之后，提示错误信息：说的应该是格式不对，看到网上好多给出好多这种解决方案，我这样确实还是不行，费解。

Answer 1

// 入口文件，`index.js`或者`main.js`

// `Babel`默认只转换新的`JavaScript`句法（`syntax`），而不转换新的`API`。比如`Array.from`

// 如果想让这个方法运行，必须使用babel-polyfill，为当前环境提供一个垫片。

import 'babel-polyfill';

// 如果要改webpack配置，应该是

module.exports = {

  entry: {

    // app: './client/index.js'

    app: ['babel-polyfill', './client/index.js'],

},

Answer 2

main.js 里面引入

import 'babel-polyfill'

webpack.base.conf.js 替换到entry部分

  entry: {

    // app: './src/main.js'

    app: ["babel-polyfill", "./src/main.js"]

  },

注意：多试一下，清空缓存，多试试，我也是捣鼓捣鼓才可以的