使用babel写ES6语法
来源:互联网 发布:mysql in 值少会索引 编辑:程序博客网 时间:2024/05/16 15:41
写在前面
- 本篇文章教你如何用babel写ES6语法。
- 适合新手。
- 环境:node.js
babel
开始
新建一个项目
mkdir babel-use-demo
进入项目
cd babel-use-demo
初始化npm
npm init -y
安装依赖
npm install –save-dev babel-cli
新建src文件夹和lib文件夹,新建index.html文件
mkidr src
mkidr lib
touch index.html在html文件中写代码
<script src="./lib/index.js"></script>
进入src文件,新建index.js,写代码
class People{ constructor(name){ this.name = name; } } let peo = new People('ZT'); console.log(peo.name);
修改package.json文件,添加build脚本
“scripts”: {
“build”: “babel src -d lib”//lib 是编译完成转化为ES5的代码的文件夹,src是ES6代码的文件夹
}安装依赖
npm install babel-preset-es2015 –save-dev
新建.babelrc文件
{
“presets”: [“es2015”]
}运行
npm run build
打开浏览器,打开控制台,你会看见
ZT
- .babelrc文件和index.html文件应该在根文件夹下。
写在后面
- 源代码 github地址:https://github.com/ZT1996/es6-install-demo
0 0
- 使用babel写ES6语法
- nodejs支持ES6语法(BABEL)
- 写es6,用babel-node
- webstorm设置babel,使用es6
- ES6语法的reactjs组件babel编译
- ES6 babel
- es6 Babel
- 使用gulp+Babel 编译 ES6
- webpack-使用babel-loader转化ES6代码
- ES6-Babel和Browserify使用教程
- webstorm编辑器使用babel自动转化es6
- 使用babel转换 es6-- 其中一坑
- 使用babel将es6转化成es5
- 【转】webstorm设置babel,使用es6
- 想体验ES6语法?那用gulp+Babel来搭建ES6环境吧~
- Gulp使用ES6语法
- 使用Babel和Broserify创建你的ES6项目
- 小菜鸡ES6初探及babel使用(持续更新)
- String的模拟实现
- no target device found
- c++初学之if语句与运算符
- 传球(概率问题)
- FFmpeg安装(Centos6.5)
- 使用babel写ES6语法
- ransca算法详细介绍
- Unity血条实现
- Kalilinux安装Genymotion
- 数据结构—图的存储结构(邻接矩阵)
- ubuntu下安装librecad
- 调试中间代码
- 更新系统后cocoapods的使用问题
- 串口通信Rs232和TTL