fix(自定义环境): 解决自定义环境打包文件过大问题

.env.ccprod

@@ -1,6 +1,7 @@
 # 开发环境配置
 ENV = 'cc'
-NODE_ENV = 'ccprod'
+VUE_APP_ENV = 'ccprod'
+NODE_ENV = 'production'
 # logo
 VUE_APP_LGOG_URL = 'logo/cc/logo.png'
 /**
@@ -32,6 +33,9 @@ VUE_APP_THEME_CLASS = 'theme-grey-red'
 # 智慧用电管理系统/开发环境
 VUE_APP_BASE_API = '/prod-api'
 
+# 路由懒加载
+VUE_CLI_BABEL_TRANSPILE_MODULES = true
+
 # 前端端口
 port= 9988
 

.env.drgyprod

@@ -1,6 +1,7 @@
 # 生产环境配置
 ENV = 'drgyprod'
-NODE_ENV = 'drgyprod'
+VUE_APP_ENV = 'drgyprod'
+NODE_ENV = 'production'
 # logo
 VUE_APP_LGOG_URL = 'logo/drgy/logo.png'
 /**
@@ -33,6 +34,7 @@ VUE_APP_THEME_CLASS = 'theme-green'
 VUE_APP_BASE_API = '/prod-api'
 
 
+
 # 前端端口
 port= 9988
 

.env.drprod

@@ -1,6 +1,7 @@
 # 开发环境配置
 ENV = 'drprod'
-NODE_ENV = 'drprod'
+VUE_APP_ENV = 'drprod'
+NODE_ENV = 'production'
 # logo
 VUE_APP_LGOG_URL = 'logo/dr/logo.png'
 /**

public/index.html

@@ -226,7 +226,7 @@
 </body>
 <!-- 全局系统配置（区分系统） -->
 <script src="./systenConfig.js"></script>
-<% if (process.env.NODE_ENV === 'drprod' ) { %>
+<% if (process.env.VUE_APP_ENV === 'drprod' ) { %>
 <script>
   // 获取loader-wrapper元素
   var loaderWrapper = document.querySelector('#loader-wrapper');

src/config/env.js

@@ -31,7 +31,7 @@ if (env.NODE_ENV == 'development') {
   flowIotUrl = 'http://127.0.0.1:1880/#flow/'
   // hrefHost = "power-tcore.histron.cn"
   hrefHost = "192.168.1.17"
-} else if(env.NODE_ENV == 'production' || env.NODE_ENV == 'drgyprod' || env.NODE_ENV == 'drprod' || env.NODE_ENV == 'ccprod') {
+} else if(env.NODE_ENV == 'production') {
   // if (hrefHost.indexOf('.gkiiot.com') >= 0) {
   //   iotHost = 'iot.gkiiot.com'
   // }

src/main.js

@@ -27,8 +27,8 @@ import dataV from '@jiaminghi/data-view'
 // import VueCron from 'vue-cron';
 // 自定义表格工具扩展
 import RightToolbar from "@/components/RightToolbar"
-import iView from 'iview'
-import 'iview/dist/styles/iview.css'
+// import iView from 'iview'
+// import 'iview/dist/styles/iview.css'
 
 import VueAMap from 'vue-amap';
 
@@ -61,7 +61,7 @@ Vue.prototype.msgInfo = function (msg) {
 // 全局组件挂载
 Vue.component('Pagination', Pagination)
 Vue.component('RightToolbar', RightToolbar)
-Vue.use(iView)
+// Vue.use(iView)
 Vue.use(dataV)
 Vue.use(VueClipboard)
 Vue.use(VueAMap);

src/router/index.js

@@ -28,7 +28,6 @@ import ParentView from '@/components/ParentView';
 // 根据环境变量动态导入组件
 function dynamicImportLoginPage(resolve) {
   const loginPagePath = process.env.VUE_APP_LOGIN_PAGE;
-  console.log("loginPagePath",loginPagePath)
   require([`@/views/${loginPagePath}`], resolve);
 }
 

src/utils/hciot.js

@@ -5,7 +5,7 @@
  */
 import { Loading } from 'element-ui';
 
-const baseHref = (process.env.NODE_ENV === "production" || process.env.NODE_ENV === "drgyprod" || process.env.NODE_ENV === "drprod") ?  `${window.dasConfig.protocol}${window.dasConfig.ip}${window.dasConfig.port ? ':'+window.dasConfig.port : ''}${window.dasConfig.prodApi ? window.dasConfig.prodApi : ''}` : process.env.VUE_APP_BASE_API
+const baseHref = (process.env.NODE_ENV === "production") ?  `${window.dasConfig.protocol}${window.dasConfig.ip}${window.dasConfig.port ? ':'+window.dasConfig.port : ''}${window.dasConfig.prodApi ? window.dasConfig.prodApi : ''}` : process.env.VUE_APP_BASE_API
 
 const baseURL = process.env.VUE_APP_BASE_API
 

src/utils/request.js

@@ -9,7 +9,7 @@ axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
 // 创建axios实例
 const service = axios.create({
   // axios中请求配置有baseURL选项，表示请求URL公共部分
-  baseURL: (process.env.NODE_ENV === "production" || process.env.NODE_ENV === "drgyprod" || process.env.NODE_ENV === "drprod") ?  `${window.dasConfig.protocol}${window.dasConfig.ip}${window.dasConfig.port ? ':'+window.dasConfig.port : ''}${window.dasConfig.prodApi ? window.dasConfig.prodApi : ''}` : process.env.VUE_APP_BASE_API,
+  baseURL: (process.env.NODE_ENV === "production") ?  `${window.dasConfig.protocol}${window.dasConfig.ip}${window.dasConfig.port ? ':'+window.dasConfig.port : ''}${window.dasConfig.prodApi ? window.dasConfig.prodApi : ''}` : process.env.VUE_APP_BASE_API,
   // 超时
   timeout: 10000
 })

src/views/bigScreen/v3/profile/mapWrap.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="big-map-wrap">
     <nav-temp htmlType="t3" title="">
-      <div class="center-wrap" slot="mk-center">
+      <div slot="mk-center" class="center-wrap">
         <div class="alarm-census-wrap">
             <div class="census-block">
               <img src="@/assets/images/big/v3/iconG.png" />
@@ -15,15 +15,15 @@
             </div>
           </div>
         <amap-wrap
+          ref="bigscLocationMap"
           :mapCenter="{
             lng: 116.397428,
             lat: 39.90923,
             address: '',
           }"
-          style="position: relative;top: -45px;"
-          ref="bigscLocationMap"
           :projectList="projectList"
           :selectProjectId="selectProjectId"
+          style="position: relative;top: -45px;"
         ></amap-wrap>
       </div>
     </nav-temp>
@@ -215,13 +215,14 @@ export default {
     .alarm-census-wrap {
         display: flex;
         width: 100%;
-        color: #fff;
+        color: #000;
+        font-weight: bold;
         align-items: center;
         padding-left: 20px;
         z-index: 999;
         height: 46px;
         position: relative;
-        background: rgba(0,0,0,0.5000);
+        //background: rgba(0,0,0,0.5000);
         .census-block {
           // width: 50%;
           display: flex;