cross-env的使用

作者: 柯柯的呵呵哒 | 来源:发表于2022-01-26 16:58 被阅读0次

cross-env怎么使用,作用是什么,根据官网的解释它是这样子的

当您使用这样设置环境变量时,大多数 Windows 命令提示符都会阻塞 NODE_ENV=production。(例外是Bash on Windows,它使用本机 Bash。)同样,windows 和 POSIX 命令使用环境变量的方式也有所不同。在 POSIX 中,您使用:$ENV_VAR ,在 Windows 上,您使用%ENV_VAR%

cross-env使您可以拥有一个命令,而无需担心为平台正确设置或使用环境变量。就像在 POSIX 系统上运行时一样设置它,并且cross-env会正确设置它。

简而言之个人的理解是:

我们通过cross-env设置环境变量,可以很好的是适配多个平台,无语根据平台来设置相对应的变量

官网地址:

https://www.npmjs.com/package/cross-env

安装:

npm install --save-dev cross-env

官网的案例:

{
  "scripts": {
    "build": "cross-env NODE_ENV=production webpack --config build/webpack.config.js"
  }
}

衍生

有没有考虑过,可以给NODE环境设置一个变量,通过process.env.xxxxx来获取,我们根据相对应的变量进行不同的配置。

{
  "scripts": {
    "dev:oneProject": "cross-env PROJECT_NAME=oneProject vue-cli-service serve"
  }
}

这个段代码我们设置了一个PROJECT_NAME的变量,通过process.env.PROJECT_NAME来获取到变量的值oneProject 。
可能有人问,这样子的设置有何作用,可以看下我的《vue-cli分模块打包,根据每个模块独立打包并且独立运行
》这篇文章就会一目了然了。

在这里感谢大家的感觉,我的文章对你们有帮助的话,希望点赞并关注。你们的支持是我坚持不懈的动力

相关文章

  • 环境变量的设置

    cross-env 的作用:因为window和mac等不同的配置环境变量的方法是不一样的,使用cross-env可...

  • vue分环境打包部署

    安装 cross-env npm install --save-dev cross-env cross-env 统...

  • cross-env的使用

    在做前端工程化的时候常常会遇到这种问题,开发环境和生产环境需要调用不同的接口,或者开发环境用了mock数据而生产环...

  • cross-env的使用

    cross-env怎么使用,作用是什么,根据官网的解释它是这样子的 当您使用这样设置环境变量时,大多数 Windo...

  • cross-env使用

    是什么 运行跨平台设置和使用环境变量的脚本 出现原因 当您使用NODE_ENV =production, 来设置环...

  • nodejs base 常用资源

    cross-env 跨平台设置和使用环境变量 设置 使用 参考:https://www.jianshu.com/p...

  • js res

    cross-env 跨平台设置和使用环境变量 设置 使用 参考:https://www.jianshu.com/p...

  • cross-env在vue-cli中的使用方式

    下载 cross-env 修改 package.json 文件 修改(或新建) vue.config.js 使用自...

  • umi3 区分生产环境 测试环境

    安装 cross-env yarn add cross-env 修改 package.json 脚本 根目录下...

  • vue-cli 打包线上和测试快速方案

    1.npm install cross-env --save-dev 安装cross-env 会改动的文件,下面...

网友评论

    本文标题:cross-env的使用

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