babel学习笔记

作者: 疯狂div | 来源:发表于2017-12-22 22:35 被阅读0次

一、配置 .babel 文件

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

presets字段设定转码规则

ES2015转码规则 cnpm install --save-dev babel-preset-es2015

二、命令行转码babel-cli

安装: npm install--global babel-cli

使用: babel example.js

三、编译

babel a.js -o -b.js 单个文件

babel src -d dist 整个文件夹

四、上面代码是在全局环境下，进行Babel转码。babel-cli安装在项目之中。

cnpm install--save-dev babel-cli

然后，改写package.json

"scripts":{"build":"babel src -d lib"},

执行命令 npm run build

五、import模块化编译后不能直接使用，需要使用webpack等打包工具

babel学习笔记
babel 转译安装以下依赖: @babel/core调用 Babel 的 API 进行转码 babel-loa...
Babel 学习笔记
基本使用新建项目目录，初始化 npm 在项目根目录下安装 Babel 每年每个 preset (es2015) ...
学习笔记《Babel》
作为一门按照标准制定，浏览器厂商各自实现的程序语言，从新语法的提出到标准化，需要经历漫长的历程，Babel 的价值...
Babel 学习笔记
在 Github 上 Fork 了别人的代码，在 package.json 中看到了很多与 Babel 有关的包，...
babel学习笔记
阮一峰babel入门教程 babel官网一、配置 .babel 文件 { "presets":["es2015...
babel学习笔记
本文源代码： babel入门创建一个package：安装babel：安装babel-polyfill：需要...
babel 学习笔记
参考了很多文章，只是为了搞清楚babel 7 之后容易搞混的概念。介绍本文主要解决如下几个问题： babel ...
Babel transform-runtime
Babel @babel/plugin-transform-runtime 本节我们来学习 @babel/plu...
Babel transform-runtime
Babel @babel/plugin-transform-runtime 本节我们来学习 @babel/plu...
React源码阅读
React 源码阅读笔记 babel转JSX babel 更新器 React.CreateElement 传入三个...

网友评论

本文标题：babel学习笔记

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

babel学习笔记