发布网友 发布时间:2022-04-24 00:02
共7个回答
懂视网 时间:2022-04-24 04:23
配置文件是.babelrc
,存放在项目的根目录下。使用Babel的第一步,就是配置这个文件
{ "presets": [], "plugins": []}
presets
字段 设定转码规则,官方提供以下的规则集,你可以根据需要安装
# ES2015转码规则 $ npm install --save-dev babel-preset-es2015# react转码规则 $ npm install --save-dev babel-preset-react# ES7不同阶段语法提案的转码规则(共有4个阶段),选装一个 $ npm install --save-dev babel-preset-stage-0 $ npm install --save-dev babel-preset-stage-1 $ npm install --save-dev babel-preset-stage-2 $ npm install --save-dev babel-preset-stage-3
{"presets": [ "es2015", "react", "stage-2"],"plugins": [] }
babel-register模块改写require命令,为它加上一个钩子。此后,每当使用require加载.js、.jsx、.es和.es6后缀名的文件,就会先用Babel进行转码
$ npm install --save-dev babel-register
使用时,必须首先加载babel-register
require("babel-register");
require("./index.js?1.1.11");
然后,就不需要手动对index.js转码了。
需要注意的是,babel-register只会对require命令加载的文件转码,而不会对当前文件转码。另外,由于它是实时转码,所以只适合在开发环境使用
如果某些代码需要调用Babel的API进行转码,就要使用babel-core模块。
安装命令 : $ npm install babel-core --save , 然后,在项目中就可以调用babel-core。
var babel = require('babel-core');
// 字符串转码
babel.transform('code();', options);
// => { code, map, ast }
// 文件转码(异步)
babel.transformFile('filename.js', options, function(err, result) {
result; // => { code, map, ast }
});
// 文件转码(同步)
babel.transformFileSync('filename.js', options);
// => { code, map, ast }
// Babel AST转码
babel.transformFromAst(ast, code, options);
// => { code, map, ast }
配置对象options,可以参看官方文档http://babeljs.io/docs/usage/options/
下面是一个例子。
var es6Code = 'let x = n => n + 1';
var es5Code = require('babel-core').transform(es6Code, {
presets: ['es2015']
})
上面代码中,transform方法的第一个参数是一个字符串,表示需要转换的ES6代码,第二个参数是转换的配置对象。
Babel默认只转换新的JavaScript句法(syntax),而不转换新的API,比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象,以及一些定义在全局对象上的方法(比如Object.assign)都不会转码。
解决方案:使用babel-polyfill,为当前环境提供一个垫片
$ npm install --save babel-polyfill
在脚本头部,加入如下一行代码:
import 'babel-polyfill';
// 或者
require('babel-polyfill');
热心网友 时间:2022-04-24 01:31
炫酷乐转码先生,用起来速度极快,真真是极好的!热心网友 时间:2022-04-24 02:49
要看你要什么样的功能了!简洁的操作简单的,最近刚下载的一个软件还可以,转码先生,打开界面一看就懂了。如果是要其他的功能,我还没有仔细研究,只是用来转码了。好像是有一些添加字幕之类的简单操作。热心网友 时间:2022-04-24 04:24
炫酷乐转码先生这款软件很不错,效率非常高,推荐你去体验一下。热心网友 时间:2022-04-24 06:15
暴风转码速度最快热心网友 时间:2022-04-24 08:23
格式工厂热心网友 时间:2022-04-24 10:48
格式工厂功能最全面