vue cli3脚手架之适配ie浏览器,即es6转换为es5语言

时间:2025-05-16 08:02:49

1、里面修改为

 = {
  presets: [
    [
      '@vue/app',
      {
        useBuiltIns: 'entry'
      }
    ]
  ]
};

2、在里面增加

// publicPath: .NODE_ENV === "production" ? "./" : "./",
// 默认情况下 babel-loader 会忽略所有 node_modules 中的文件。
// 如果你想要通过 Babel 显式转译一个依赖,可以在这个选项中列出来
 = {
transpileDependencies: .NODE_ENV === "development" ? ["*"] : [],
chainWebpack(config) {
 = ["babel-polyfill", "./src/"];
('compile')
  .test(/\.js$/)
  .include
  .add(resolve('src'))
  .add(resolve('test'))
  .add(resolve('node_modules/webpack-dev-server/client'))
  .add(resolve('node_modules'))
  .end()
  .use('babel')
  .loader('babel-loader')
  .options({
    presets: [
      ['@babel/preset-env', {
        modules: false
      }]
    ]
  });

}

}

3、里面增加

import 'babel-polyfill'
import Es6Promise from 'es6-promise'
require('es6-promise').polyfill()
()

4、里面增加

(1)

"browserslist": [
  "> 1%",
  "last 2 versions",
  "not ie<10"
],

(2)

下载相关依赖包

最后重启项目就可以啦~