babel.config.js 和 .babelrc

Babel 有两种并行的配置文件格式，可以一起使用，也可以分开使用。

项目范围的配置

babel.config.js 文件，具有不同的拓展名（json、js、html）
babel.config.js 是按照 commonjs 导出对象，可以写js的逻辑。
相对文件的配置

.babelrc 文件，具有不同的拓展名

总结：baberc 的加载规则是按目录加载的，是只针对自己的代码。config的配置针对了第三方的组件和自己的代码内容。babel.config.js 是一个项目级别的配置，一般有了babel.config.js 就不会在去执行.babelrc的设置。

中文文档链接：https://www.babeljs.cn/

---- 以上转载

从自己的项目来看新项目使用的是 babel.config.js
而老项目用的却是 .babelrc
感觉是因为老项目用的还是vue2.0、新项目使用的是vue3.0从而使用babel.config.js

babel是什么?

javascript在不断的发展，各种新的标准和提案层出不穷，但是由于浏览器的多样性，导致可能几年之内都无法广泛普及，babel可以让你提前使用这些语言特性，他是一种用途很多的javascript编译器，他把最新版的javascript编译成当下可以执行的版本，简言之，利用babel就可以让我们在当前的项目中随意的使用这些新最新的es6，甚至es7的语法。说白了就是把各种javascript千奇百怪的语言统统专为浏览器可以认识的语言。

babel.config.js 和 .babelrc相关推荐

研究了 babel.config.js 和 babelrc，理解了为什么ES6代码没被转化
前言之前遇到过一个 babel 转换的问题,在下面这个 monorepo 的目录结构中 . ├── common │ └── utils.js ├── package.json └── packag ...
配置文件.babelrc和babel.config.js
.babelrc和babel.config.js 一.前言今天看ES6的知识发现了项目中.babelrc和babel.config.js 都是Babel的配置文件,之前没怎么研究过两者的区别,今天来 ...
babelrc 和 babel.config.js区别
babelrc 只会影响本项目中的代码 babel.config.js会影响整个项目中的代码,包含node_modules中的代码推荐使用babel.config.js babelrc {" ...
vue3 项目中如何输出webpack的config.js
这个配置文件的获取方法: Microsoft Windows [版本 10.0.16299.1932] (c) 2017 Microsoft Corporation.保留所有权利. C:\Users\ ...
Vue-cli中 vue.config.js 的配置详解
1. Vue-cli2 升级到 Vue-cli3+ 1.1 卸载旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli. 如果你已经全局安装了旧版本的 vue-cli (1.x ...
vscode创建新的Vue项目时报错Parsing error: No Babel config file detected for ......
原因: 项目未找到babel.config.js文件,此时项目的根目录并使项目本身,因此报错,如下图: 解决:项目根目录只要是项目本身即可解决,如下图:
Vue项目全面解析vuecil3/vuecil4的vue.config.js等常用配置
前端变化日新月异,层出不穷,公司原项目使用vuecil2版本开发,elementUI等一系列库版本太低,也脱离世界很久远了,新版本库需要webpack4等环境,而老版本配置起来bug很多,在使用过程中 ...
vue项目升级(01)：全面解析vuecil3/vuecil4的vue.config.js等常用配置
前言前端变化日新月异,层出不穷,公司原项目使用vuecil2版本开发,elementUI等一系列库版本太低,也脱离世界很久远了,新版本库需要webpack4等环境,而老版本配置起来bug很多,在使用 ...
webpack.config.js配置遇到Error: Cannot find module '@babel/core'问题
一. 问题描述在配置webpack.config.js自动打包的时候,出现Error: Cannot find module '@babel/core'错误最初以为是babel-core没有安装上 ...

babel.config.js 和 .babelrc

babel.config.js 和 .babelrc相关推荐

最新文章

热门文章