Vue .babelrc配置

在VUE开发过程中。需要使用babel来讲ES6及其以上的语法转化成可以被是识别的语法。因此需要使用:babel-loader.

babel-loader7.x 需要使用的插件 以及.babelrc 文件中的内容

npm i -D babel-core babel-loader babel-plugin-transform-runtime
npm i -D babel-preset-env babel-preset-stage-0
{
  "presets": ["env", "stage-0"],
  "plugins": [
    "transform-runtime"
  ]
}

babel-loader8.x 需要使用的插件。以及.bablerc文件中的内容

npm i @babel/core babel-loader @babel/plugin-transform-runtime @babel/plugin-proposal-object-rest-spread -D
npm i @babel/preset-react @babel/preset-env babel-preset-mobx -D
npm i @babel/runtime -S
复制代码
{
  "presets": ["@babel/preset-react", "@babel/preset-env", "babel-preset-mobx"],
  "plugins": [
    "@babel/plugin-transform-runtime",
    "@babel/plugin-proposal-object-rest-spread",
    "transform-remove-strict-mode" // 去除严格约束时使用
  ]
}
// babelrc为json文件不可以有注
复制代码

报错:

"use strict" 使用插件 babel-plugin-transform-remove-strict-mode  之后在.babelrc中加上

'@babel/core' 就是babel-loader和babel-core的版本不匹配。

posted @   jisa  阅读(6392)  评论(0编辑  收藏  举报
编辑推荐:
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· Obsidian + DeepSeek:免费 AI 助力你的知识管理,让你的笔记飞起来!
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· Windows 提权-UAC 绕过
点击右上角即可分享
微信分享提示