vue一套代码打包多项目

vue   2025-03-31 18:17   39   0  

一套代码发布三个项目分别是web、web1、web2

新建env.development开发环境文件

NODE_ENV=development
VUE_PUBLIC_PATH=/web/
VUE_APP_URL=''

新建env.production文件

NODE_ENV=production 
VUE_PUBLIC_PATH=/web/
VUE_APP_URL=''

新建env.web1文件

NODE_ENV=production  
VUE_PUBLIC_PATH=/web1/
VUE_APP_URL=''

新建env.web2文件

NODE_ENV=production  
VUE_PUBLIC_PATH=/web2/
VUE_APP_URL=''

配置package.json文件

{
  "name": "my-blog",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "build:web1": "vue-cli-service build  --mode web1",
    "build:web2": "vue-cli-service build  --mode web2"
  },
  "dependencies": {
    "core-js": "^3.8.3",
    "vue": "^3.2.13",
    "vue-router": "^4.0.3",
    "vuex": "^4.0.0"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~5.0.0",
    "@vue/cli-plugin-router": "~5.0.0",
    "@vue/cli-plugin-vuex": "~5.0.0",
    "@vue/cli-service": "~5.0.0",
    "less": "^4.0.0",
    "less-loader": "^8.0.0"
  }
}

打包命令

npm run build(打包web项目)

npm run build:web1(打包web1项目)

npm run build:web2(打包web1项目)

博客评论
还没有人评论,赶紧抢个沙发~
发表评论
说明:请文明发言,共建和谐网络,您的个人信息不会被公开显示。