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下面的所有文件都会别被干掉。😂😂😂😂