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)

下载相关依赖包

最后重启项目就可以啦~

你可能感兴趣的:(vue.js,javascript,前端)