增加环境配置并配置打包命令

yangfeng

2023-10-24 65af4386c9eb413490c5e9817a10467ecb33ef69

增加环境配置并配置打包命令

 .env

New file
@@ -0,0 +1,18 @@
# 所有环境默认

# 页面 title 前缀
VUE_APP_TITLE=Basic
NODE_ENV=development
VUE_APP_BATH_PATH='http://192.168.20.119:9083'
# 网络请求公用地址
VUE_APP_API=/api/

# 仓库地址
VUE_APP_REPO=""

# 国际化配置
VUE_APP_I18N_LOCALE=zh-chs
VUE_APP_I18N_FALLBACK_LOCALE=en

# element 颜色
VUE_APP_ELEMENT_COLOR=#2A78FB

 .env.development

New file
@@ -0,0 +1,8 @@
# 开发环境
# 指定构建模式
NODE_ENV=development

# 页面 title 前缀
VUE_APP_TITLE=Basic
VUE_APP_BATH_PATH='http://192.168.20.119:9083'


 .env.preview

New file
@@ -0,0 +1,12 @@
# 构建预览页面

# 指定构建模式
NODE_ENV=production

# 标记当前构建方式
VUE_APP_BUILD_MODE=PREVIEW
VUE_APP_BATH_PATH='http://www.fai365.com:9081
VUE_APP_SCOURCE_LINK=TRUE

# 部署路径
VUE_APP_PUBLIC_PATH=/

 package.json

@@ -5,7 +5,9 @@
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
    "lint": "vue-cli-service lint",
    "build:preview": "NODE_OPTIONS=--max_old_space_size=4096 vue-cli-service build --mode preview",
    "test:unit": "vue-cli-service test:unit"
  },
  "dependencies": {
    "axios": "^1.4.0",

 vue.config.js

@@ -1,6 +1,6 @@
const path = require("path")
// 基础路径 注意发布之前要先修改这里
const publicPath = "/"
const publicPath = process.env.VUE_APP_PUBLIC_PATH || "/"
function resolve(dir) {
  return path.join(__dirname, dir)
}
@@ -19,7 +19,7 @@
        // target: "http://192.168.20.118:8002",
        ws: true,
        changeOrigin: true
      },
      }
    }
  },
  transpileDependencies: [
@@ -33,7 +33,7 @@
      configNew.externals = externals
      configNew.plugins = []
    } else if (process.env.NODE_ENV === "development") {
      // console.log("development", config)
      console.log("development", config)
    }
    return configNew
  },