本目录主要是用 webpack 搭建 ts+react 开发环境

另一种管理脚本命令方法

下面介绍scripty库,该库可以让我们在package.json扩展自定义脚本,下面是上手指南,要详细了解点击➡️scripty库文档

安装

npm install scripty -D

使用步骤

  1. 在项目根目录建立 scripts目录
  2. 如果在package.json 定义如下形式 "client:dev"则需要在scripts/client 下建立 dev.sh
  3. 声明 “client:dev” 到 package.json 中scripts字段中

package.json

//其它省略 ...
"scripts": {
"test": "echo test ",
"client:dev": "scripty",
"client:pro": "scripty",
"client:server": "scripty"
},

目录结构图

执行

#! ./scripts/client/dev.sh
echo hello,dev!

npm run client:dev

提示:第一次运行命令时需要给scrips中文件赋权,执行如下命令即:

chmod -R +x ./scripts

仓库地址

处理命令行参数 yargs-parser

该库可以读取命令行参数如下实例

const params=proccess.argv(2); //通过系统变量读取命令行参数
const args=require('yargs-parser')(params);
console.log(params);//['node执行路径','执行文件路径',‘参数’]
console.log(args); //{_:[],'参数键值对'}
//执行
$ node ./test.js --name=cc
params //['.../node','...','--name=cc']
args //{_:[],name:'cc'}