babel基本使用

最新推荐文章于 2024-08-09 17:34:21 发布

Frank---7

最新推荐文章于 2024-08-09 17:34:21 发布

阅读量8.3w

点赞数 1

分类专栏： Vue学习 SpringBoot分布式项目学习文章标签： babel

本文链接：https://blog.csdn.net/qq_45783660/article/details/112851260

版权

Vue学习同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

SpringBoot分布式项目学习

6 篇文章 0 订阅

订阅专栏

babel

转码器es6->es5

第一步

安装babel工具，使用命令,查看版本号

npm install --global babel-cli
    
babel --version

第二步

配置文件

.babelrc（后缀名固定）

{
    "presets": ["es2015"],
    "plugins": []
}

第三步

安装转码器

npm install --save-dev babel-preset-es2015

第四步

转码结果写入一个文件 
mkdir dist1
#--out-file 或 -o 参数指定输出文件 
babel src/example.js --out-file dist1/compiled.js 
或者  babel src/example.js -o dist1/compiled.js 

整个目录转码  
mkdir dist2  
--out-dir 或 -d 参数指定输出目录 
babel src --out-dir dist2 
或者 
babel src -d dist2