babel-preset-self-defineddeprecated

babel-preset-self-defined =========================

Usage no npm install needed!

<script type="module">
  import babelPresetSelfDefined from 'https://cdn.skypack.dev/babel-preset-self-defined';
</script>

README

babel-preset-self-defined

babel-cli

npm install -g babel-cli
babel src/file.js -o build/file.js
babel src -o dist

建议本地安装Babel-cli

npm install --save-dev babel-cli

babel-register

npm install --save-dev babel-register
require('babel-register'); // 将babel注册到nodejs模块系统中,并开始编译其中require的文件。
require('./index.js');
node register.js

babel-node

node cli 的替代品,使用babel-node script.js运行代码

babel-node script.js
./node-module/.bin/babel-node script.js

babel-core

以编程的方式使用babel

npm install babel-core
const babel = require('babel-core');
babel.transform('source code string', options);
babel.transformFile('path/to/file.js', (err, result)=>{{code, map, ast}});
babel.transformFileSync('path/to/file.js');
babel.transformAst(ast, code, options);

options

babel-preset-es2015

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

babel-preset-stage-x

JavaScript 还有一些提案,正在积极通过 TC39(ECMAScript 标准背后的技术委员会)的流程成为标准的一部分。

这个流程分为 5(0-4)个阶段。 随着提案得到越多的关注就越有可能被标准采纳,于是他们就继续通过各个阶段,最终在阶段 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

注意 stage-4 预设是不存在的因为它就是上面的 es2015 预设。

babel-preset-react

npm install --save-deb babel-preset-react

babel-polyfill

polyfill新增的javascript api,使用core.js

babel-runtime

为了实现 ECMAScript 规范的细节,Babel 会使用“助手”方法来保持生成代码的整洁。

由于这些助手方法可能会特别长并且会被添加到每一个文件的顶部,因此你可以把它们统一移动到一个单一的“运行时(runtime)”中去。

通过安装 babel-plugin-transform-runtime 和 babel-runtime 来开始。

npm install --save-dev babel-plugin-transform-runtime
npm install --save babel-runtime

.babelrc