困扰了好一会，记录一下学习过程。 如果有不正确的地方麻烦耐心指出。（菜鸡的自我修养） webpack是前端常见的模块打包工具，但是webpack只能用来处理js代码及其间的依赖。 而前端除了js外还有很多文件，包括css、图片等等，这些文件的打包需要webpack的扩展来实现，…

这一整个月我几乎投入所有工作之外的时间在组件库的框架搭建上，特别是组件按需引入的探索让我本来发量就不多的头顶更加荒芜。关于组件按需引入的探索已经告一段落，虽然结果很不如意，但是过程中积累了很多东西，值得分享。 一个组件库会提供很多的组件，有时候用户只想使用其中的部分组件，那么在…

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

nodejs 社区乃至 Web 前端工程化领域发展到今天，作为 node 自带的包管理工具的 npm 已经成为每个前端开发者必备的工具。但是现实状况是，我们很多人对这个nodejs基础设施的使用和了解还停留在: 会用 npm install 这里（一言不合就删除整个 node_…

对，盲生，你可能发现了华点。 这其中仅仅是为代码开发阶段，就可能有本地服务器、远程调试工具、代理工具、浏览器插件等等。 并且其中不乏全局安装、全局配置的「重器」。 试想现在你要换一台新电脑或者重装新系统了，你还得一个个把它们重新安装回来。 也就是说你在不同项目之间切换时还需要手…

AST 是一个非常基础但是同时非常重要的知识点，我们熟知的 TypeScript、babel、webpack、vue-cli 得都是依赖 AST 进行开发的。本文将通过 AST 与前端工程化的实战向大家展示 AST 的强大以及重要性。 第一次看见 AST 这个概念的时候还是在《…

要么大牛带队，但是后端大牛。 要么临时凑的团队，受制于从前，前端不自由。 要么从0到项目部署，都是为了敏捷而敏捷，颇不规范。 话虽如此，经过4年生涯摧残的废猿我，也是有自己的一番心得体会的。 1. 从DevOps流程看前端基建 很多前端在接触到什么前端工程化，什么持续构建/集成…

自 2017-1-9 微信小程序（以下简称小程序）诞生以来，就伴随着赞誉与争议不断。从发布上线时的不被大多数人看好，到如今的逐渐火热，甚至说是如日中天也不为过，小程序用时间与实践证明了自己的价值。同时于开发者来说，小程序的生态不断在完善，许多的坑已被踩平，虽然还是存在一些令人诟…

webpack v4 开始新增了一个 sideEffects 特性，通过给 package.json 加入 sideEffects: false 声明该包模块是否包含 sideEffects(副作用)，从而可以为 tree-shaking 提供更大的优化空间。 基于我们对 fp…