美文网首页
babel转码器

babel转码器

作者: 风雪之隅_b6f7 | 来源:发表于2019-04-08 15:49 被阅读0次

npm install--save-dev @babel/core

es6=>es5  箭头函数转为普通函数

babel的配置文件可以放在webpack里面,但一般情况都格外建一个.babelrc文件,将关于babel的所有配置文件放置在此文件中

该文件用来设置转码规则和插件,基本格式如下。

presets字段设定转码规则

{

"presets":[ ],

"plugins":[ ]

}

# 最新转码规则$ npm install--save-dev @babel/preset-env

# react 转码规则$ npm install--save-dev @babel/preset-react

{"presets":["@babel/env","@babel/preset-react"],"plugins":[]}

命令行转码

Babel 提供命令行工具@babel/cli,用于命令行转码。

 npm install--save-dev @babel/cli

npx babel xxx.js

babel-node

Node 的 REPL 环境的所有功能,而且可以直接运行 ES6 代码。

npm install--save-dev @babel/node

npx babel-node xx.js

对require命令加载的.js、.jsx、.es和.es6文件转码

@babel/register

$ npm install--save-dev @babel/register

使用时,必须首先加载@babel/register。

//index.js    文件下

require('@babel/register');

require('./es6.js');

运行node index.js

相关文章

  • babel 转码器

    Babel介绍 Babel 是一个广泛使用的 ES6 转码器,可以将 ES6 代码转为 ES5 代码,从而在现有环...

  • Babel 转码器

    Babel 是一个广泛使用的 ES6 转码器,可以将 ES6 代码转为 ES5 代码,从而在现有环境执行。这意味着...

  • babel转码器

    npm install--save-dev @babel/core es6=>es5 箭头函数转为普通函数 bab...

  • babel转码器

    cnpm安装插件出现的问题 上面说 object-visit@^1.0.0 不兼容win32位系统,其实是因为 b...

  • Babel 转码器

    Babel[https://babeljs.io/] 是一个广泛使用的 ES6 转码器,可以将 ES6 代码转为 ...

  • ES6标准入门0-50页

    1.6 Babel转码器 Babel是一个广为使用的ES6转码器,可以将ES6代码转换为ES5代码,从而在浏览器或...

  • ES6基础

    1、Babel转码器Babel是一个广泛使用的ES6转码器,可以将ES6代码转为ES5代码,从而在老版本的浏览器执...

  • react native学习之:转码器介绍

    一) Babel转码器 Babel是一个广泛使用的ES6转码器,可以将ES6代码转为ES5代码,从而在现有环境执行...

  • babel-preset-env使用介绍

    简介 本文介绍一个babel转码神器babel-preset-env 现如今不同的浏览器和平台chrome, op...

  • babel学习笔记

    babel 转译 安装以下依赖: @babel/core调用 Babel 的 API 进行转码 babel-loa...

网友评论

      本文标题:babel转码器

      本文链接:https://www.haomeiwen.com/subject/exzuiqtx.html