vue项目如何引入babel-polyfill

Vanghohs
  • 183

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

回复
阅读 24.7k
4 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏