uniapp修改h5打包后的代码路径

uniapp中h5项目,目前使用 vue.config.js 中的 outputDir 是不生效的。
可以通过设置环境变量 UNI_OUTPUT_DIR 来处理。

但是要注意,需要是cli命令行的项目才可以这么做。
cli构建的uniapp工程自带了package.json文件,我们只需要在这个文件的scripts脚本里面添加自定义的脚本

"build:h5:release": "cross-env NODE_ENV=release UNI_PLATFORM=h5 UNI_OUTPUT_DIR=dist/release/h5 vue-cli-service uni-build --mode release"
image.png

然后在控制台输入 npm run build:h5:release 命令,那么前端的代码就会被打包到你设置的文件路径下面。


image.png

最后注意:

UNI_OUTPUT_DIR后面的路径配置要慎重,因为每次打包的时候你设置的路径下面的文件都会被强删。如果你不幸把路径配置成了/Users/xxx/Documents ,那你打包的时候Documents下面的所有文件都会别被干掉。😂😂😂😂

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容