0.0.3 • Published 6 years ago
generator-yoyo-react-s v0.0.3
generator-yoyo-react-s
这可能是最小、运行最快、最轻的react脚手架工具,集webpack零配置 + typeScript + react + reactRouter + 打包于一身。
从这里开始
First, install Yeoman and generator-yoyo using npm (we assume you have pre-installed node.js).
// 全局安装yo
npm install -g yo
// 全局安装脚手架工具
npm install -g generator-yoyo-react-s
Then generate your new project:
yo yoyo-react-s
授人以鱼不如授人以渔
其实自定义一个属于自己的脚手架工具一点都不难。
一个非常完美的项目。
一个gitHub帐号。
一个npm帐号。
再加上我这篇文档。
1.生成脚手架模版。
// 输入项目名、描述、信息,格式为 generator-xx,后期通过yo xx来安装属于你的脚手架。
npm install -g generator
2.使用yeoman生命周期写规则。
生命周期
initializing - 初始化函数
prompting - 接收用户输入阶段
configuring - 保存配置信息和文件
default - 执行自定义函数
writing - 生成项目目录结构阶段
conflicts - 统一处理冲突,如要生成的文件已经存在是否覆盖等处理
install - 安装依赖阶段
end - 生成器结束阶段
3.测试跟发布。
// 使用自带测试工具测试,测试部分只需要把 assert.file(['.babelrc']) 这里改成你的项目目录结构即可。
npm test
// 本地运行脚手架测试,yo xx运行脚手架
npm link
// 发布
npm adduser 注册
npm login 登录
npm publish --access=public //发布到官网
4.疑难杂症。
如果碰到npm 老安装不上东西
// 查看当前镜像
npm get registry
// 切换成淘宝镜像
npm config set registry http://registry.npm.taobao.org/
// 切换成原来的镜像,如果要发包可能需要切回来。
npm config set registry https://registry.npmjs.org/
// 撤销已经发布的包
npm unpublish 包名 --force