package.json文件添加自定义命令和参数

1、安装 cross-env npm install across-env --save-dev
目的:为了能正常配置自定义参数。 例如 :test1=xixixi ,前面要加上 cross-env。
2、安装 nodemon npm install across-env --save-dev
目的:自动完成node服务器和数据库服务器的重启,比如mock数据请求

一、示例代码

package.json 文件

{
    
    
	"scripts": {
    
    
	    // "serve": "vue-cli-service serve --mode development",
	    // "dev": "vue-cli-service serve --mode development",
	    // "start": "npm run dev & npm run mock",
	    // "build": "vue-cli-service build",
	    "test1": "cross-env MY_TEST=xixixi NAME=huahua nodemon -w ./test ./test/test.js",
	    "my:dev": "cross-env MY_DEV=dev666 vue-cli-service serve",
	    // "mock": "cross-env PROXY_TARGET=4009 nodemon -w ./mockSever ./mockSever/mock-server.js"
	  },
}

test.js

	// 打印自定义的参数
	console.log('==========(1)========>>>', process.env.MY_TEST)

二、解析:

1、执行自定义命令 test1 ,既 npm run test1,相当于执行了 test.js 这个文件,并进行参数MY_TEST的打印。

(1)test1 自定义命令定义了两个参数MY_TEST=xixixiNAME;且命令指向了 test.js 文件nodemon -w ./test ./test/test.js

(2)自定义的参数可以再任何一个vue实例中获取,获取方法:process.env.定义的参数

注意:cross-env 后面跟自定义的参数,可以多个参数。被指向js文件要包一层文件夹。

2、执行自定义命令 my:dev ,既 npm run my:dev ,相当于执行了 vue-cli-service serve 既启动项目的命令。

(1)my:dev 自定义命令定义了一个参数 MY_DEV=dev666 ,且会执行vue-cli-service serve 启动项目。
(2)其实,默认命令npm run dev执行的也是vue-cli-service serve,相应的命令有打包命令vue-cli-service build等。

三、给项目添加mock数据。

上面代码的自定义命令 mock 就是启动mock数据的命令。mock作用就是方便本地造数据调试

原理:
同 test1命令,npm run mock 命令会指向 mock-server.js 文件。

代码: 待更新…

猜你喜欢

转载自blog.csdn.net/weixin_46447120/article/details/125679164