VUE中CROSS-ENV不同环境配置打包命令及一些安装命令解释---记录

动态配置开发,测试,生产三种对应域名及其及打包命令。使用cross-env可以让配置环境更加清晰明了还好管理。

cross-env的作用是不需要全局配置NODE_ENV在scripts脚本中修改NODE_ENV的值从而实现不同环境中proccess.env.NODE_ENV的不同,而config的工作原理就是基于NODE_ENV这个值的,所以推荐两者结合使用。

安装 cross-env

1

npm install --save-dev cross-env

-savesave-dev可以省掉你手动修改package.json文件的步骤。
spm install module-name -save 自动把模块和版本号添加到dependencies部分
spm install module-name -save-dve 自动把模块和版本号添加到devdependencies部分

至于配置文件区分这俩部分, 是用于区别开发依赖模块和产品依赖模块, 以我见过的情况来看 devDepandencies主要是配置测试框架。

执行 npm install --production,可以看到,npm只帮我们自动安装package.json中dependencies部分的模块;

如果执行npm install ,则package.json中指定的dependencies和devDependencies都会被自动安装进来。

使用

npm run dev 打包的是开发环境
npm run test 打包的是测试环境
npm run pro 打包的是生成环境

1

2

3

"dev":"cross-env NODE-ENV=development node build/webpack.deb.conf.js"

"build --qa":"cross-env NODE_ENV=testing node build/build.js"

"build --prod":"cross-env NODE_ENV=production node build/build.js"

上一篇:Node 的 cross-env 模块


下一篇:使用MATLAB实现的小算法练习1