组件封装: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转ES5:Gulp+Babel

webstorm ES6 转 ES5

分发用 ES6 编写的 ReactJS 组件并在 ES5 源代码中使用它们

webstorm下ES6转ES5

JavaScript面向对象轻松入门之封装(demo by ES5ES6TypeScript)

ES5和es6的封装继承