单独使用bable插件

ES6转化为ES5的工具有很多,下面介绍babel来转化ES6代码;

在npm环境下:cd 到项目目录;

npm init -y

npm install babel-cli -g (先全局安装babel-cli);

npm install babel-cli babel-preset-es2015 --save-dev(本地安装这两个);

# 转码结果输出到标准输出

$ babel test.js

# 转码结果写入一个文件

# --out-file 或 -o 参数指定输出文件

$ babel a.js --out-file b.js

# 或者

$ babel a.js -o b.js

# 整个目录转码

# --out-dir 或 -d 参数指定输出目录

$ babel src --out-dir lib

# 或者

$ babel src -d lib

# -s 参数生成source map文件

$ babel src -d lib -s

转载于:https://www.cnblogs.com/liuliang389897172/p/10135894.html

单独使用bable插件相关推荐

webpack 转换 ES6高级语法 bable插件 module rules
// 在webpack中只能处理一部分es6语法一些高级的ES6或者ES7 webpack处理不了借助第三方loader处理会将结果打包到main.js // loader 通过Bable可以转 ...
dz.27z.co index.php,【DZ插件】VIP客户组开通 v2.0.2（zms）
使用限制必需配合插件<全能支付宝微信支付微信/支付宝https://item.taobao.com/item.htm?spm=686.1000925.0.0.41af1050wsk8H5&a ...
Postgresql逻辑复制DDL插件pgl_ddl_deploy
pgl_ddl_deploy可以支持DDL复制,不过目前版本只支pg13持原生的逻辑复制,13之前的版本,需要安装pglogical,也就是需要部署两个插件. 所以对于使用pg13版本的同学,可以单独 ...
基于layui的动态添加条件查询ui插件
layuiExtend 项目介绍最近做一个档案系统,发现字段超多,查询页面布局不是很好弄,于是就想着干脆写一个动态添加条件的ui插件. 因为是用的layui框架写的系统,所以就直接基于layui编写 ...
【chrome插件】Auto Refresh Plus 自动刷新页面
导言: 对于需要在特定时间轻松执行自动网页刷新的任何用户,Auto Refresh Plus都非常方便.它还提供内容检测支持,当您需要查找动态网页中包含的内容时,这确实非常有用. 主要特征 1.默认时 ...
Vue 曝光埋点插件的实现原理
VUE 曝光埋点插件的实现原理 vue自定义插件说到vue插件,vue就提供了自定义插件的功能. 定义定义一个文件,这个文件导出一个对象,这个对象包含install方法. install方法有 ...
GraphQL and Relay 浅析
Facebook 在去年夏天公布了 GraphQL,就像往前端深潭砸下了一颗巨石,人们都被水声吸引到了湖边,观望是否会出现什么,有些人期待,有些人猜疑.过了半年多,社区已经慢慢的摸清这个石头的材质,本 ...
记一次 webpack 打包体积优化
手头做的项目开发得差不多了,而打包配置是一开始粗略配置的,不大的项目打包出来得6MB+,所以现在必须进行优化. 打包结果分析执行命令 webpack --profile --json > st ...
基于webpack搭建前端工程解决方案探索
关于前端工程 \\ 下面是百科关于"软件工程"的名词解释: \\ \ 软件工程是一门研究用工程化方法构建和维护有效的.实用的和高质量的软件的学科. \ \\ 其中,工程化是方法,是 ...
xss过滤器无法处理ajax请求_thunkPHP 预防XSS攻击
比如在有人恶意在你的输入框中或文本域中输入<script>标签,如果不做处理的话,输入框中的<script>会保存到我们数据库中,等到将这个数据拿出来展示的时候,就等于将这个内 ...

单独使用bable插件

单独使用bable插件相关推荐

最新文章

热门文章