共计 921 个字符，预计需要花费 3 分钟才能阅读完成。
前沿：脚手架工具一大堆，但如果全部用第三方的脚手架，项目做起来肯定束手束脚，想来点差异化的东西都很难，所以最好是整一份自己的脚手架工具，想咋玩咋玩。阅读了 next 脚手架和 create-react-app 脚手架源码，next 脚手架太重，create-react-app 好像没有服务器端渲染的内容，心血来潮自己写一个，中途会夹杂着两个脚手架工作的源码解读，只要理解了思想，就算照搬过来也是自己东西。哈哈（必然是会参考的）
脚手架不难，但是涉及到源码解读，可能会分为几个章节，反正最后能实现 create-react-app 一模一样的效果，并且支持服务器端渲染。
第一步 创建两个项目
kkk-react 这个是脚手架项目，脚手架说白点就是 node 项目了，但要时时看效果，总不能一直 publish 到 npm，所以需要 npm link。cli-view，这个项目理论上应该是由 kkk-react 创建出来的，包含一些基本的文件和文件夹，并且 package.json 的 scripts 包含了 start,build 等构建命令。但因为是开发脚手架啊，这一步可以放到最后来弄，先把打包构建的步骤弄好。
详细步骤 在 kkk-react 目录下, 执行 npm init , 编辑 package.json 中的 name 为 ’kkk-react’，最后在项目根目录中 执行 npm link 命令。还有一些细节看截图
更改 package.json 中的 main，指向 lib 目录，开发阶段先这么玩，真正发布的时候，应该是新建一个 bin 字段，里面可以包含命令，当 npm install 这个脚手架的时候，这些命令生成对应的执行命令到 node_modules 的 bin 目录中，这样我们在项目中就执行了。开发的时候我们 npm run dev，就能时时编译到 lib 目录了。
至于 cli-view 一样的，先 npm init, 然后执行 npm link kkk-react。创建一个 cs.js 引入 kkk-react，就能看到效果了。
可以看到引入后，通过 node 执行 就打印了我们在 kkk-react 输出的测试字段。同样的只是开发阶段这么玩，等一切都搞定了，就是通过 npm run xxx，来执行对应的操作了。
第一篇先这么着了，还只是试试水，争取明天出第二篇
