随着项目越来越大后，咱们脚手架使用 babel 进行代码编译感觉越来越慢。为了提升编译速度，尝试了一下使用 esbuild 后发现速度提升明显，于是决定将 esbuild 正式集成到脚手架中。

阅读全文 »

如今基于 node.js 的 cli 工具层出不穷，尤其以前端脚手架工具更迭最为频繁，纯构建工具有 grunt、gulp、webpack、parcel 和 rullup 等，各前端框架也有各自的 cli 工具 create-react-app、vue-cli 和 angular-cli，各大厂的集成化解决方案 fis、jdf、umi 等。但是每个团队的应用场景不同，以上工具不一定完全满足需求，是时候自己动手开发一个定制化的 cli 工具了。

阅读全文 »

create-react-app 是由 facebook 官方出品的用于搭建 react app 项目的脚手架工具，非常强大且简单易用，无需配置就能搭建一个 react app。但也正是由于很多东西它都已经封装好了，而且配置文件还内置在了包里，在项目中不可见，对于很多新手而言，要理解这一套东西还是比较困难。

阅读全文 »

最近一直在折腾构建工具，主要针对以前的工程进行改造，尝试着能搭建一套比较好用的构建工具，在这个过程中也做了一些新的实践。下面我就来谈谈在这次改造中的心得体会，内容不局限于某一款构建工具，不管用 webpack 、 JDF、gulp 、grunt 还是我比较喜欢的 fis，都可以很容易地实现。

阅读全文 »

接触 FIS 也有段时间了，用得越久越能体会到它的强大。刚开始只是用 FIS2+swig 解决了作为一个切图仔长久以来模板复用的问题，后来涉及到了一些 JS 开发，于是用到了我厂的JDF，基本上实现了组件化开发和前后端模板共用，前端模拟 velocity 语法，因为我厂后台统一使用 velocity 模板引擎。于是想到在 FIS 上试试，下面说说详细的尝试过程。

阅读全文 »

至于 requirejs 大家都是很熟悉的了，它的打包工具 r.js 是非常好用，也非常强大的，但是建于它的配置参数比较多，这里列出一份所有参数的中文详解，方便理解和记忆。

阅读全文 »