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。 但是里面的结构为:

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”] 该怎么加进去呢?

回答:

main.js 里面引入

import 'babel-polyfill'

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

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

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

回答:

上面做法都不對

安裝

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 正常運作

回答:

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

回答:

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

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

}

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

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注