webpack.config.js中,移除以往的babel引入

entry: {// app: ['babel-polyfill', path.join(process.cwd(), 'src/main.js')],// 改为app: path.join(process.cwd(), 'src/main.js'),
}

module.rules中,对js的处理

function resolve(dir) {return path.join(process.cwd(), dir);
}const initBabelInclude = [resolve('src'),resolve('test'),resolve('node_modules/pl-table'),resolve('node_modules/vue-awesome'),resolve('node_modules/element-ui/src/'),resolve('node_modules/bpmn-js-properties-panel'),
];
// module.rules中对js处理内容,别的配置都交给babel.config.js
module: {rules: [{/* code */ },{test: /\.js$/,loader: 'babel-loader',include: babelInclude,},{/* code */ },...]
}

移除.babelrc文件,新增babel.config.js文件 // 使用js来配置,这是重点⭕✅!!!

module.exports = {presets: [['@babel/preset-env',{useBuiltIns: 'entry',corejs: 3,},],'@vue/babel-preset-jsx',],sourceType: 'unambiguous', // 这句需留意plugins: ['@babel/plugin-syntax-dynamic-import',['@babel/plugin-transform-runtime',{corejs: 3,},],['import', {libraryName: 'antd',libraryDirectory: 'lib',}],],
};

babel7 + corejs3升级相关推荐

  1. babel6和babel7中关于polyfill和preset-env和babel-plugin-transform-runtime等总结

    记录自己零散的收获,随笔. 一些基础 babel的作用是转换JS新的特性代码为大部分浏览器能运行的代码. babel转码又分为两部分,一个是语法转换,一个是API转换. 对于API的转换又分为两部分, ...

  2. babel6升级到babel7

    一.Babel 7 库的作用域 (scope) (1)Babel 7 用了 npm 的 private scope,把全部的包都挂在在 @babel 下,类似的有 typescript 的 @type ...

  3. node升级命令_Vue CLI 4 发布:自动化升级过程,支持自定义包管理器

    作者 | Swanand Kadam 译者 | 无明 Vue CLI[1] 团队最近把他们的命令行工具更新到了 4.0.0 版本.这一版本可以帮助开发者自动化升级过程,可以使用额外的包管理器,并可以更 ...

  4. web3.0 升级到webpack5.0 以及兼容IE处理

    如果你的事vue-cli  或者其他cli 关于IE 兼容不具有什么参考价值.如果是react 项目,你看看就行. webpack3的打包速度已成为诟病,所以我们将原来的webpack3升级至webp ...

  5. 系统架构升级要不要上微服务?历“久”弥新微服务——你真的需要升级微服务架构吗

    在 <微服务架构设计模式> 一书中,作者总结了关于微服务的一些"重点",原文如下: 中国企业和开发者对微服务架构的热情让我印象深刻.但如同我给所有客户的忠告一样,我想对 ...

  6. 使用rancher对Docker容器服务升级

    这是笔者以前使用到的一个docker管理工具--rancher 升级服务的步骤 记录一下,说不定有人需要或者以后能用上呢? 1.打包好后上传服务器,编写Dockerfile FROM jdk8apli ...

  7. pip 升级之后提示 bash: /usr/bin/pip3: No such file or directory

    1. 问题现象 pip 升级之后使用时报错: $ pip3 -V bash: /usr/bin/pip3: No such file or directory 通过命令查找 pip 位置 $ whic ...

  8. 旷视MegEngine核心技术升级

    旷视MegEngine核心技术升级 7 月 11 日,旷视研究院在 2020 WAIC · 开发者日「深度学习框架与技术生态论坛」上围绕 6 月底发布的天元深度学习框架(MegEngine)Beta ...

  9. 计图(Jittor) 1.1版本:新增骨干网络、JIT功能升级、支持多卡训练

    计图(Jittor) 1.1版本:新增骨干网络.JIT功能升级.支持多卡训练 深度学习框架-计图(Jittor),Jittor的新版本V1.1上线了.主要变化包括: • 增加了大量骨干网络的支持,增强 ...

最新文章

  1. MySQL Cluster安装
  2. window 下Eclipse c++的开发环境配置
  3. 公开羞辱邻座大码乘客 美国一女乘客被逐下客机
  4. Spring Boot——统一设置返回Json数据风格(Java驼峰命名法转下划线命名法)解决方案
  5. C++中 引用与取地址的区别
  6. html5无意义标签,无意义的div和span标签
  7. Configured default database db1 doesn‘t exist in catalog myhive.
  8. ubuntu15.04 php版本,在ubuntu下安装php版本问题
  9. 中国金属复合开关设备市场趋势报告、技术动态创新及市场预测
  10. 软件静态测试qac,Helix QAC — 软件静态测试工具
  11. CITRIX环境下无法打印原因方法
  12. c#中的一些容易混淆的概念
  13. Linux下互斥量加锁与解锁操作的C代码实现
  14. 国军标GJB150.8A-2009淋雨试验第三方检测机构
  15. php递归函数详解,php递归函数的调用讲解
  16. Ognl表达式基本原理和使用方法
  17. 医疗his系统的优势
  18. Device owner调研
  19. Omni-ID 推出2款有源RFID标签
  20. Redis持久化数据之RDB和AOF

热门文章

  1. java实现svm svm的java实现
  2. 自己动手写操作系统第三章pmtest7源码解析——检测系统内存
  3. 微信公众号代运营公司哪家好?
  4. MFC实现弹出模态对话框和非模态对话框(基于对话框)
  5. Leetcode_202_Happy Number
  6. Java面向对象01:什么是面向对象
  7. 主成分分析法及MATLAB代码
  8. 东软睿驰 adas车载测试
  9. 计算机桌面无法中英文切换,Win10输入法中英文切换不了怎么办?
  10. xlsx VLOOKUP 怎么用