vue-cli 自定义条件编译
Rongshi
- 发布：2021-12-06 10:18
- 更新：2023-04-02 14:55
- 阅读：848
产品分类： uniapp/H5
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 10.15.5
浏览器平台： Chrome
浏览器版本： 96.0.4664.55
项目创建方式： CLI
CLI版本号： 4.5.0
操作步骤：
预期结果：
自定义条件编译生效
自定义条件编译生效
实际结果：
自定义条件编译无效
自定义条件编译无效
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
}
}
}
}然后运行npm run build:h5 h5-dev 打包成功，但是自定义条件编译无效
打印console.log(process.env.VUE_APP_BASE_API) 为undefined
然后我用Hbuilder打开src目录，在该目录下创建新的package.json文件，只保留"uni-app"配置，使用Hbuilder工具栏中的自定义发行，打包成功后自定义条件编译生效了
4 个回复
Rongshi (作者)
好像打包编译的问题就没人回答呀。。。
hobeas
编译命令不对，应该是：
具体参考 package.json
1***@qq.com
老哥问题解决了吗 我也在用cli创建的项目 也是命令行可以 hbuilder不行
笔袋App - 嘿嘿嘿
同样的问题，到现在还没有解决。
vue-cli 可以使用自定义编译，但是 hbuilder 不生效
如果使用 uniadmin 就必须通过 hbuilder 编译运行，这不就绝路了。。。