uni-app 【报Bug】vue-cli 方式自定义条件编译不生效，但HBuilder打开src目录创建package.json后打包可生效

uni-app 【报Bug】vue-cli 方式自定义条件编译不生效，但HBuilder打开src目录创建package.json后打包可生效

开发环境 版本号 项目创建方式
Mac 10.15.5 CLI

操作步骤：

  • vue-cli 自定义条件编译

预期结果：

  • 自定义条件编译生效

实际结果：

  • 自定义条件编译无效

bug描述：

通过vue-cli 创建的项目，然后package.json中添加以下代码

"uni-app": {  
        "scripts": {  
            "h5-dev": {  
                "title": "H5测试环境",  
                "BROWSER": "",  
                "env": {  
                    "NODE_ENV": "development",  
                    "UNI_PLATFORM": "h5",  
                    "VUE_APP_BASE_API": "http://xxxx",  
                    "VUE_APP_WX_APP_ID": "xxxx",  
                    "VUE_BASE_PATH": "xxxxx"  
                },  
                "define": {  
                    "TEST_DOLPHIN_H5": true  
                }  
            },  
            "h5-prod": {  
                "title": "H5正式环境",  
                "BROWSER": "",  
                "env": {  
                    "NODE_ENV": "production",  
                    "UNI_PLATFORM": "h5",  
                    "VUE_APP_BASE_API": "http://xxxxx",  
                    "VUE_APP_WX_APP_ID": "wxb5e7cbfdf184a032",  
                    "VUE_BASE_PATH": "xxxxx"  
                },  
                "define": {  
                    "PRO_DOLPHIN_H5": true  
                }  
            }  
        }  
    }

更多关于uni-app 【报Bug】vue-cli 方式自定义条件编译不生效，但HBuilder打开src目录创建package.json后打包可生效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

好像打包编译的问题就没人回答呀。。。

更多关于uni-app 【报Bug】vue-cli 方式自定义条件编译不生效，但HBuilder打开src目录创建package.json后打包可生效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


编译命令不对，应该是： npm run build:custom h5-dev 具体参考 package.json

老哥问题解决了吗 我也在用cli创建的项目 也是命令行可以 hbuilder不行

同样的问题，到现在还没有解决。
vue-cli 可以使用自定义编译，但是 hbuilder 不生效
如果使用 uniadmin 就必须通过 hbuilder 编译运行，这不就绝路了。。。

这个问题是由于vue-cli项目中缺少uni-app的构建配置导致的。

在vue-cli创建的项目中，package.json中的uni-app配置需要通过@dcloudio/vue-cli-plugin-uni插件来解析。你需要确保：

  1. 已经安装了必要的uni-app依赖：
npm install [@dcloudio](/user/dcloudio)/uni-cli-shared [@dcloudio](/user/dcloudio)/uni-mp-* [@dcloudio](/user/dcloudio)/vue-cli-plugin-uni
  1. 在vue.config.js中正确配置：
const UniApp = require('[@dcloudio](/user/dcloudio)/vue-cli-plugin-uni')

module.exports = {
  configureWebpack: {
    plugins: [
      new UniApp.UniAppPlugin()
    ]
  }
}
  1. 确保package.json中的scripts命令正确调用uni-app构建：
"scripts": {
  "h5-dev": "uni build -p h5 --mode h5-dev",
  "h5-prod": "uni build -p h5 --mode h5-prod"
}
回到顶部