【UMI】如何在umi中执行node脚本
摘要：需求:假如我有些node脚本需要在umi跑build时执行,比如修改项目中某些文件的内容. 如果,我将这个脚本的方法暴露出来,放到.umirc.ts这个文件中执行会怎么样? 可以,但是由于umi的更新机制,脚本会执行两次.而且每次修改.umirc.ts也会导致脚本执行,会多余执行好多次. 正确的做法
阅读全文
posted @
2021-12-28 16:24
Shyno
阅读(565)
推荐(0) 编辑
从零开始写一个前端脚手架七、定制化项目信息
摘要：我们目前已经把模板代码拉取到本地了,并且项目的文件名已经修改成了我们在命令行输入的名称.但是模板代码里的package.json里的部分信息仍是从模板带下来的,所以我们需要去修改里面的一些信息. 在文件已经生成的情况下修改文件信息,就要用到node的fs 具体的操作步骤为 1.获取当前执行命令的路径
阅读全文
posted @
2021-09-03 15:53
Shyno
阅读(275)
推荐(0) 编辑
从零开始写一个前端脚手架六、模板代码部署
摘要：我们在准备阶段就说过,最好准备一些模板代码.在脚手架生成的时候直接将其直接拿来用. 获取模板代码主要是两种方式: 1.内置在脚手架中,然后通过node file去操作,克隆文件. 好处有:(1)我们可以在脚手架中内置多个模板,比如对应ts的代码模板,对应js的代码模板,对应不同用户权限的代码模板.不
阅读全文
posted @
2021-09-03 15:53
Shyno
阅读(345)
推荐(0) 编辑
从零开始写一个前端脚手架五、用户交互
摘要：我们在初始化的时候需要知道一些信息,比如用户希望项目叫什么名字、项目的描述等,或者其他更高级的操作,比如git会让你登录等操作.我们就需要与用户进行交互 此时就需要在准备阶段安装的inquirer,它的基本功能是让用户在命令行"做题",然后拿到答案,根据答案再进行后续操作 基本用法 const in
阅读全文
posted @
2021-09-03 15:51
Shyno
阅读(186)
推荐(0) 编辑
从零开始写一个前端脚手架三、脚手架初始化
摘要：我们在bin里面新建了一个index.js,这个文件的作用是作为脚手架的初始化文件,可用来作为其他脚本的入口. 初始化文件编写 #!/usr/bin/env node 'use strict' //定义脚手架的文件路径 process.env.NODE_PATH=__dirname+'/../nod
阅读全文
posted @
2021-09-03 15:51
Shyno
阅读(259)
推荐(0) 编辑
从零开始写一个前端脚手架四、初始化进程提示(chalk)
摘要：我们之前说过bin里面的index.js文件是作为入口文件存在的.实际上的初始化内容在.action里面操作的,为了方便管理,我们把实际操作的代码抽出来放一块儿管理 创建指令文件 在根目录创建一个commands文件夹,然后在里面新建一个init.js文件.所以现在的目录为 然后init.js里面的
阅读全文
posted @
2021-09-03 15:51
Shyno
阅读(307)
推荐(0) 编辑
从零开始写一个前端脚手架二、脚本配置
摘要：模块准备好之后,我们就需要开始编写脚本. 在根目录新建一个bin文件夹,然后在bin文件夹中新建一个脚本文件,比如index.js,那么此时的文件目录为 node脚本编写 接下来就是关于index.js里面的node脚本编写了.具体的后续再讨论,目前我们就在里面写入最简单的代码 #!/usr/bin
阅读全文
posted @
2021-09-02 18:08
Shyno
阅读(335)
推荐(0) 编辑
从零开始写一个前端脚手架一、准备阶段
摘要：该系列主要是自主学习时的整理性文档,对于网上的不少博客有借鉴和学习.主体方向部分借鉴了@前端小黑 的博客 .感谢其提供了一个清晰地方向 贴上原地址:前端工程化 搭建自己的脚手架工具详细步骤 前端搭建项目的时候类似create-react-app或者vue-cli脚手架都是输入一个命令,然后填一些或多
阅读全文
posted @
2021-09-02 17:37
Shyno
阅读(239)
推荐(0) 编辑
