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

1、babel.config.js里面修改为

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

2、在vue.config.js里面增加

// publicPath: process.env.NODE_ENV === "production" ? "./" : "./",
// 默认情况下 babel-loader 会忽略所有 node_modules 中的文件。
// 如果你想要通过 Babel 显式转译一个依赖,可以在这个选项中列出来
module.exports = {
transpileDependencies: process.env.NODE_ENV === "development" ? ["*"] : [],
chainWebpack(config) {
config.entry.app = ["babel-polyfill", "./src/main.js"];
config.module.rule('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、main.js里面增加

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

4、package.json里面增加

(1)

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

(2)

下载相关依赖包

最后重启项目就可以啦~

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值