vue项目如何引入babel-polyfill

Question

babel-pollyfill 官方说的是：

With webpack.config.js, add babel-polyfill to your entry array:

With webpack.config.js, add babel-polyfill to your entry array:
module.exports = {
  entry: ["babel-polyfill", "./app/js"]
};

但是项目没有webpack.config.js， 倒是有 build/webpack.base.conf.js。 但是里面的结构为：

module.exports = {
  entry: {
    app: './src/main.js'
  },
  output: {
    path: config.build.assetsRoot,
    filename: '[name].js',
    publicPath: process.env.NODE_ENV === 'production'
      ? config.build.assetsPublicPath
      : config.dev.assetsPublicPath
  }
...

entry: ["babel-polyfill", "./app/js"] 该怎么加进去呢？

Answer 1

main.js 里面引入

import 'babel-polyfill'

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

  entry: {
    // app: './src/main.js'
    app: ["babel-polyfill", "./src/main.js"]
  },

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

Answer 2

上面做法都不對

安裝

npm install --save babel-polyfill #yarn add babel-polyfill

設定

開啟 ./build/webpack.base.conf.js，在下面的 entry 中加入一行程式碼 polyfill: 'babel-polyfill'

將下面程式碼：

entry: {
   app: './src/main.js',
 },

改爲：

entry: ['babel-polyfill', './src/main.js'];

參考：使用 babel-polyfill 讓 IE 正常運作

Answer 3

entry: {
    polyfill: 'babel-polyfill',
    app: './src/main.js'
  },

Answer 4

多页面路径怎么循环呢 vue cli 3
chainWebpack: config => {

config
  .entry("@babel/polyfill")
  .add("./src/pages/index/main.js")    //如果有多个页面的话 

}

哪位大佬可以帮帮忙(￣▽￣)o