![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Babel
liangklfang
https://github.com/liangklfangl
展开
-
Babel插件源码分析与babel.transform和babylon.parse操作AST实现效果
因本人也初学这部分内容,很多深入的内容并没有深入,以后遇到会及时补充到github上,因此本人也建议在github上阅读,同时欢迎star,issuebabel-plugin-add-module-export的pluginmodule.exports = ({types}) => ({ visitor: { Program: {从几个babel插件的源码来看看如何写babel插件原创 2017-04-20 16:38:19 · 9494 阅读 · 1 评论 -
React+Babel+Webpack初学者全家桶完整实例Demo
写在前面的话自已以前对redux,react,rect-redux,react-router都是有一点的了解,并且在真实的项目中也多少有些涉及。但是不足的地方在于没有做一个demo将他们串起来,所以总是感觉似懂非懂。特别是react服务端渲染这一块,对于自己完全就是一个黑箱,这对我深入理解react同构等稍微难一点的内容产生了很大的影响。所以我最后写了这个例子,希望有同样困扰的同学能够有所收获。也欢原创 2017-06-04 14:09:37 · 6338 阅读 · 0 评论 -
ES6中class原理,static属性方法,__proto__与prototype深入分析
推荐在github阅读,其中存在的问题会及时修复,也欢迎各位批评指正1.我们首先看看通过babel编译后几个通用函数1.1 首先是_createClass方法:var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.lengt原创 2017-04-01 11:38:29 · 7728 阅读 · 1 评论 -
atool-build脚手架分析与webpack打包原理详解
最近要做一个js解析markdown的项目,所以当然想到了ant design,不过ant design内部又使用了atool-build脚手架,所以决定好好研究一下。如果有不对的地方还烦请指正。不过个人建议阅读github版本,因为最近也在不断的学习这部分内容,可能会随时修改,所以可能存在没有及时同步的问题。1.atool-build的简单说明该脚手架只是对webpack进行了简单的封装。首先,w原创 2017-01-13 15:55:37 · 8145 阅读 · 0 评论 -
React技术栈进阶之路之设计模式篇
1.Redux导致的组件多余的渲染问题请仔细阅读React 组件间通讯的文章的最后一个例子,最后的输出结果为:这是因为在最后一个定时器中是如下的代码: setTimeout(() => { store.dispatch({ type: 'child_2_1', data: 'bye' }) }, 2000);此时你必须了解redux原创 2017-07-01 09:22:14 · 5862 阅读 · 1 评论 -
react+redux+webpack+babel+npm+shell+git文章合集
react+redux+webpack+babel+npm+shell+git这方面的内容我会随时更新,更新内容放在react全家桶文章实例与react全家桶实例中。如果你有问题欢迎issue,同时如果你觉得有用,请记得start,谢谢1.项目目的我会将我在react+redux+webpack+babel+npm+shell+git学习中遇到的各种问题,以及解决问题过程中写的各种文章列举出来。re原创 2017-08-12 09:29:05 · 1496 阅读 · 0 评论