zoukankan      html  css  js  c++  java
  • webpack开发环境和生产环境切换原理

    在package.json中有如下设置:

    "scripts": {
        "dev": "node build/dev-server.js",
        "build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js",
        "build:sit": "cross-env NODE_ENV=production env_config=sit node build/build.js",
        "lint": "eslint --ext .js,.vue src"
      },

    当运行项目时,cmd中敲命令:npm run dev/npm run build:prod/npm run build:sit/npm run lint,就会运行不同环境下的代码,如开发环境、生产环境等等。

    其中cross-env是用于跨平台环境变量配置的工具,支持在window系统、linux系统等多个平台使用同样的代码配置环境变量;

    NODE_ENV=production env_config=prod,这句代码的意思是当前运行环境的环境变量,可以通过process.env进行获取,如process.env.NODE_ENV,process.env.env_config等等,process.env是全局变量,通过获取以上两个值来判断当天运行的是生产环境还是开发环境。

  • 相关阅读:
    函数及习题
    数组和集合
    数组和集合实例
    普通集合和泛型集合的区别,哈希表和字典表的区别,队列和堆栈的区别以及堆和栈的区别。
    c#时间表示
    c#正则表达式
    js正则实例
    习题实例
    c#数据类型
    简单控件
  • 原文地址:https://www.cnblogs.com/mmzuo-798/p/10279258.html
Copyright © 2011-2022 走看看