美文网首页让前端飞Web前端之路
根据cross-env区分本地,测试,生产环境

根据cross-env区分本地,测试,生产环境

作者: _Crown | 来源:发表于2020-04-07 16:28 被阅读0次
1.安装cross-env
npm install cross-env --save-dev`
2.在项目根目录新建config文件夹

在config文件夹里面新建:

development.js
test.js
production.js
index.js
3.配置上面的文件
//development.js
module.exports = {
    env: 'development', //环境名称
    port: 3000,         //服务端口号
    mongodb_url: '',    //数据库地址
    redis_url:'',       //redis地址
    redis_port: ''      //redis端口号
}
//test.js
module.exports = {
    env: 'test',        //环境名称
    port: 3001,         //服务端口号
    mongodb_url: '',    //数据库地址
    redis_url:'',       //redis地址
    redis_port: ''      //redis端口号
}
//production.js
module.exports = {
    env: 'production',        //环境名称
    port: 3002,         //服务端口号
    mongodb_url: '',    //数据库地址
    redis_url:'',       //redis地址
    redis_port: ''      //redis端口号
}
//index.js
var development = require('../config/development')
var test = require('../config/test')
var production = require('../config/production')

module.exports = {
  development: development,
  test: test,
  production:production
}[process.env.NODE_ENV || 'development']

可以根据自己项目需要在里面删除或新增变量

4.引入文件
var config = require('../config');
//console.log("process.env.NODE_ENV=" + process.env.NODE_ENV);
//console.log("process.env.port=" + config.port)

在需要的位置引入上面的代码

5.配置package.json
"scripts": {
    "dev": "cross-env NODE_ENV=development ./node_modules/.bin/nodemon bin/www",
    "test": "cross-env NODE_ENV=test pm2 start ecosystem.config.js --env test --watch"
    "prd": "cross-env NODE_ENV=production pm2 start bin/www",
},

上面是koa2的例子,这里主要是cross-env NODE_ENV='你在index.js里面暴露出来的key值'后面根据你项目的启动文件来灵活配置;像vue项目就可以配置为:`

"scripts": {
    "dev": "cross-env NODE_ENV=development webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "test": "cross-env NODE_ENV=test npm run build",
    "build": "cross-env NODE_ENV=production node build/build.js",
},

运行npm run test第4步的console就会打印process.env.NODE_ENV=test;process.env.port=3001

相关文章

  • 根据cross-env区分本地,测试,生产环境

    1.安装cross-env 2.在项目根目录新建config文件夹 在config文件夹里面新建: 3.配置上面的...

  • 一些前端工具

    cross-env 主要用来设置不同环境的变量,例如多端平台,测试线正式线之间的区分。 react-use 自从r...

  • VUE项目多环境配置.md

    web项目开发,通常需要有开发环境、测试环境和生产环境,用于配置不同的环境变更,如调用本地接口、测试接口和生产接口...

  • vue-cli2 关于 开发环境 、测试环境、 生产环境的配置

    (原文链接:vue-cli2:区分开发、测试、生产环境_阵雨的博客-CSDN博客_vue生产环境和开发环境区别[h...

  • 全局变量

    可以通过配置全局变量,全局配置请求域名以区分开发环境、测试环境、编译环境等等通过.env配置环境变量区分开发和生产...

  • 如何区分测试/开发/生产环境?

    1 项目环境的分类 最近有同学问问题,说:什么是测试环境什么是开发环境。刚刚入门的同学,可能光听名词都觉得好有逼格...

  • Tomcat8.0 idea14 远程调试

    PS:并不推荐远程调试,一般是在本地运行测试环境,在本地重现问题 一、环境说明 生产环境:Tomcat 8.0.2...

  • vue3 拆分打包

    先安装cross-envnpm install cross-env -S TYPE=lib 区分环境用如vue.c...

  • nodejs中的NODE_ENV

    使用webpack时,为了区分开发,测试,生产环境, 会使用NODE_ENV 来设置环境 设置 NODE_ENV ...

  • 开发环境和生产环境区分测试api

    以webpack配置为例( 配置可自定义. 如: 开发环境一份, 生产环境一份, 如果需要, 再加一份测试版生产环...

网友评论

    本文标题:根据cross-env区分本地,测试,生产环境

    本文链接:https://www.haomeiwen.com/subject/fpjnphtx.html