深入Tree Shaking和Babel Plugin Development打造属于每一个开发者自己的Tree Shaking插件。从此带你走进Babel的开发者世界，让你在”编译“的世界中游刃有余

在vue项目开发中，我们会将经常用到的逻辑或模块抽象成组件，对于那些多个项目都有用到的组件，可以考虑封装成组件库，发布到npm。每次要到只需要npm install xx一下，就不用来回拷贝了。下面我们就从0开始来打包一个vue组件库。 组件在使用之前都需要注册组件，注册组件可…

NPM 包在前端项目中非常常见，我们在日常开发中也经常需要封装一些公共组件或者模块给别人使用，因此封装一个比较标准的 NPM 包十分重要。笔者在 Github 上浏览完很多的开源项目结构后，发现一个规范的组件或者框架一般具有良好的代码风格和规范的 commit message，…

stories/pages 目录，用于存放 storybook 所有相关页面， stories/config.js 作为页面配置在入口文件 index.stories.js 中进行引用并根据该配置渲染出所有相关页面，同时假设我们 storybook 有一级目录 基本 且目录下有…

vue-cli, create-react-app、react-native-cli 等都是非常优秀的脚手架，通过脚手架，我们可以快速初始化一个项目，无需自己从零开始一步步配置，有效提升开发体验。尽管这些脚手架非常优秀，但是未必是符合我们的实际应用的，我们可以定制一个属于自己的…

使用 Create React App 创建 UI 组件库的前端工程环境。 参数 react_scripts 用来告诉 Storybook 当前项目使用 Create React App 创建的，Storybook会根据该参数来自动安装合适的包。 addon-info 插件会自…

1、脚手架的简单雏形；2、脚手架工具体系；3、手写自己的脚手架；4、yeoman 的使用；5、plop 的使用

引言 UI 组件中有很多弹出式组件，常见的如 Dialog，Tooltip 以及 Select 等。这些组件都有一个特点，它们的弹出层通常不是渲染在当前的 DOM 树中，而是直接插入在 body （或者其它类似的地方）上的。这么做的主要目的是方便控制这些弹出层的 z-index …

在了解 Element 源码架构 的基础上，接下来我们基于 element-ui 为团队打造自己的组件库