组件封装:es6转es5
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了组件封装:es6转es5相关的知识,希望对你有一定的参考价值。
1、先全局安装babel-cli,输入命令 npm install babel-cli -g
2、输入 cd d:\es6 ; ---进入文件夹路径
3、输入 npm init; 一路回车键 ---(引导你创建一个package.json文件,包括名称、版本、作者这些信息等)
4、输入 npm install --save-dev babel-cli; ---(安装命令行转码babel-cli工具)
5、es6文件里新建配置文件.babelrc
复制代码
{ "presets": [], "plugins": [] }
粘贴到.babelrc 里
6、命令行窗口输入npm install --save-dev babel-preset-es2015;---(安装es2015依赖项)
将"es2015"加入.babelrc
{ "presets": ["es2015", "react", "stage-0"], "plugins": [] }
7、输入babel -h 检测是否安装成功
8、将es6编译成es5 例如:babel es6.js -o es5.js
以上是关于组件封装:es6转es5的主要内容,如果未能解决你的问题,请参考以下文章
分发用 ES6 编写的 ReactJS 组件并在 ES5 源代码中使用它们