安装Babel 官方文档建议我们根据单个项目进行本地安装,原因是不同的项目可以依赖不同版本的 Babel,使你的项目更方便移植、更易于安装。 在项目的根目录下使用命令行工具(CMD等)执行下面代码 安装编译规则 官方提供了几套预设的规则集,分别适用于 ES2015、React 和 ES7 的一些实验 ...
分类:
Web程序 时间:
2018-08-01 14:03:23
阅读次数:
246
一、React基础 1.React模板 凡是使用JSX的地方,要加上type="text/babel"。引用三个库react.js是React的核心库,react-dom.js提供与DOM相关的功能,Brower.js将JSK语法转为JavaScipt语法。 2.ReactDOM.render()方 ...
分类:
其他好文 时间:
2018-07-31 00:34:26
阅读次数:
149
1、使用ES6提供的 Object.keys(obj) 方法 Object.keys 返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含 Symbol 属性)的键名。 缺点: 部分浏览器不支持,需要通过 babel 类插件转为 ES5 2、遍历对象,通过对象的 hasOwnPropert ...
分类:
Web程序 时间:
2018-07-30 15:40:50
阅读次数:
188
bable 安装:(1):npm install –g babel-cli(2):npm install -g cnpm --registry=https://registry.npm.taobao.org [国内域](3):npm install --save-dev babel-preset-e ...
分类:
其他好文 时间:
2018-07-30 11:36:49
阅读次数:
610
目录结构 下面是使用npx create-react-app web-app来创建的一个项目(已经删除了多余的文件) 其中node_mudole是保存各种库的目录,比如babel、react、react-dom 自定义组件 使用组件 使用组件的方法,很简单,就是<组件名 />的格式即可。 比如在sr ...
分类:
其他好文 时间:
2018-07-29 20:01:12
阅读次数:
181
个人总结:读完这篇文章需要15分钟,文章主要讲解了Babel和TypeScript的工作原理,(例如对es6 类的转换,是将原始es6代码转换为es5代码,这些代码中包含着类似于 _classCallCheck 和 _createClass这样的函数,而这些函数已经在Babel和TypeScript ...
分类:
编程语言 时间:
2018-07-29 11:53:52
阅读次数:
176
flow 是一个javascript 静态检查的工具,由facebook 开发, 使用起来简单,方便。 安装 项目初始化 yarn init -y 编译器安装 yarn add --dev babel-cli babel-preset-flow 配置babel .babelrc { "presets ...
分类:
其他好文 时间:
2018-07-28 12:11:06
阅读次数:
187
1、安装element npm i element-ui -S 2、引入 在main.js写入一下内容 3、按需引入 借助 babel-plugin-component,我们可以只引入需要的组件,以达到减小项目体积的目的。 首先,安装 babel-plugin-component: 然后,将 .ba ...
分类:
其他好文 时间:
2018-07-27 15:32:35
阅读次数:
183
安装babel-plugin-import插件。下面方法二选一,都可以实现antd的按需加载。 一、配置webpack.config.js文件 二、配置babelrc文件 ...
分类:
Web程序 时间:
2018-07-26 13:15:01
阅读次数:
240
Eclipse语言包:http://www.eclipse.org/babel/downloads.php 1、打开浏览器,浏览“参考资料”内给出的“eclipse语言包下载”地址,在博客新页面找到地址链接,如图所示。“Babel Language...”开头的一栏下面就是各个eclise版本的语言 ...
分类:
其他好文 时间:
2018-07-26 13:10:57
阅读次数:
943