脚本功能是 npm 最强大、最常用的功能之一。
我们在 package.json 文件下的 scripts
原来存在的问题：基于 MVVM 创建 Page 效率缓慢，针对这个问题我制作了
qdfast 脚本，暂时解决了这个问题，在与前端团队协作使用Taro开发小程序的过程中我接触到了 npm script 脚本，相对于 qdfast 有很多的优势：
| qdfast | new:page | |
|---|---|---|
| 依赖 | HomeBrew | npm script |
| 安装 | 步骤繁琐 | npm install 时自动引入 |
| 升级 | 手动update | npm install 时自动升级 |
| 功能 | 单一 | 易拓展 |
| 版本管理 | 成本高 | 可多人维护 |
我们基于端小程序的脚本来熟悉一下整个实现流程。
引入 quick-temple 组件
在package.json中注入：
"devDependencies": {
"quickly-template": "^1.0.0",
}
// 或者使用命令行 进行安装
npm i quickly-template -g --save
在项目根目录下执行 npm install 安装组件
在项目跟目录下创建_template/page文件夹，在这里面存放模版文件
模版文件路径
在模版文件夹内添加模版文件
模版文件
模版文件内的关键字使用{{name|pascal}}代替，如：
// 在根据模版生成文件的时候，文件内的 {{name|pascal}} 会自动替换为文件名
export default {{name|pascal}} as ComponentClass<PageOwnProps, PageState>
// 比如生成一个Setting的页面，最终会这样展示
export default Setting as ComponentClass<PageOwnProps, PageState>
在package.json中注入脚本
"scripts": {
"new:page": "qt new page --target ./src/pages --rename false --root ./_template"
}
最后，根据模版文件去创建一个新页面就只需要执行指令
npm run new:page Setting
参考：
npm script 使用指南
git: quick-template
网友评论