鍍金池/ 問答/HTML/ vue項目如何引入babel-polyfill

vue項目如何引入babel-polyfill

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。 但是里面的結(jié)構(gòu)為：

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"] 該怎么加進(jìn)去呢？

回答
編輯回答
乖乖噠

上面做法都不對

安裝

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

設(shè)定

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

將下面程式碼：

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

改爲(wèi)：

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

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

2018年6月6日 07:17
編輯回答
舊城人

main.js 里面引入

import 'babel-polyfill'

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

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

注意：多試一下，清空緩存，多試試，我也是搗鼓搗鼓才可以的

2017年9月3日 10:49
編輯回答
擱淺

多頁面路徑怎么循環(huán)呢 vue cli 3
chainWebpack: config => {

config
  .entry("@babel/polyfill")
  .add("./src/pages/index/main.js")    //如果有多個頁面的話

}

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

2018年8月25日 01:07
編輯回答
離人歸
entry: {
    polyfill: 'babel-polyfill',
    app: './src/main.js'
  },
2018年4月4日 12:18