cross-env使用以及根據環境打包

bbbbbb 發布于2019-08-23 18:24 / 3551人閱讀

摘要：例外是上的，它使用本機。同樣，和命令如何利用環境變量也有所不同。第二步，修改文件新增一條如上命令當執行時，設置為同理設置為然后在文件中即可根據這個變量設置相應的路徑。關于文章首發于使用以及根據環境打包

關于

之前的項目打包都是靠手動去改環境變量(純屬沙雕行為)，隨著項目越來越多，每一個項目打包都要去改這個變量的話真的是太蛋疼了，所以研究了一下webpack打包以及node env

主要

這樣做有什么好處?

  publicPath: process.env.APP_ENV === "production" ? "https://cdn.xxxx.com/brand-mall-chengdong/" : "/",
  outputPath: "./brand-mall-chengdong",

之前都是每次打包手動修改這個靜態資源的地址，修改之后根據環境變量自動區分

第一步，安裝cross-env

yarn add cross-env@5.1.1 cross-port-killer@1.0.1

什么是cross-env?
解:當您使用NODE_ENV=production類似設置環境變量時，大多數Windows命令提示將會阻塞 。（例外是Windows上的Bash，它使用本機Bash。）同樣，Windows和POSIX命令如何利用環境變量也有所不同。使用POSIX，您可以使用：$ENV_VAR 和您使用的Windows %ENV_VAR%。

第二步，修改package.json文件

    "build": "cross-env APP_ENV=production umi build",
    "build:test": "cross-env APP_ENV=test umi build",

新增一條如上命令,當執行npm run build時，設置proess.env.APP_ENV為production ,同理設置為test.然后在config.js文件中即可根據這個變量設置相應的路徑。

關于

文章首發于cross-env使用以及根據環境打包

GPU云服務器云服務器亞馬遜云服務器租用以及使用使用簽名文件打包程序 php開發環境使用火車頭php使用環境

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/105168.html

vue:不同環境配置不同的打包命令

摘要：最近做的一個項目是配置了三個環境的正式環境測試環境和開發環境，下面以這個為例第一步安裝或者在中加上進行安裝依賴這是我項目的目錄第二步修改各環境下的參數在目錄下添加。最近做的一個項目是配置了三個環境的：正式環境、測試環境和開發環境，下面以這個為例第一步：安裝cross-env npm i --save-dev cross-env 或者在 package.json中加上cross-e...

gyl_coder 2019-08-23 16:47 評論0 收藏0
五步帶你完成vue-cli 項目打包一鍵部署（測試）服務

摘要：初始化項目測試服務已經準備前提已經準備好了注意一鍵部署都可以使用在根目錄新建文件夾類容如下類容如下文件類容如下正在發布到生產測試服務器這個路徑是你需要上傳到服務器的文件夾路徑發布失敗成功發布到生產測試服務器文件類容如下讀取環境變量文件判斷打初始化vue項目, 測試服務已經準備（前提已經準備好了）注意: 一鍵部署 vue2.0~3.0 都可以使用 1、在根目錄新建deploy 文件...

cgh1999520 2019-08-23 16:54 評論0 收藏0
umi 配置多環境打包

摘要：平時我們開發應用時環境有開發環境測試環境生產環境等此時我們需要配置不同的環境獲取不同的前綴，以滿足日常開發需要。安裝插件在文件里配置開發環境的復制兩次，并更改文件名為和分別配置在其他文件可以獲取作為前綴如封裝的在的處配置打包命令平時我們開發應用時環境有開發環境、測試環境、生產環境等,此時我們需要配置不同的環境,獲取不同的apiUrl前綴，以滿足日常開發需要。 1.安裝 cross-e...

cyrils 2019-08-23 15:04 評論0 收藏0
基于webpack模仿vue-cli（簡略版）工程化

摘要：但高度封裝的帶來方便的同時，很多人卻很少去關注輪子的內部結構，以至于當使用需要手動配置一些東西如編譯實現代碼壓縮，移動端適配等配置的時候往往無從下手。廢話不多說，下面我們來看看如何基于模仿實現項目工程化。從零搭建vue-cli 原創不易，如需轉載請聯系作者并注明出處 vue-cli的出現為vue工程化前端開發工作流提供了開箱即用的構建配置，減輕了煩人的webpack配置流程。但高度封...

GitCafe 2019-08-26 11:35 評論0 收藏0