uni-app HBuilderX的运行->运行到终端->build:h5" 仍在 h5 目录下未改到 web 目录
uni-app HBuilderX的运行->运行到终端->build:h5" 仍在 h5 目录下未改到 web 目录
开发环境 | 版本号 | 项目创建方式 |
---|---|---|
Mac | mac 14.4.1 | HBuilderX |
操作步骤:
- vscode 或者 HBuilderX的运行->运行到终端->build:h5": "uni build 或者 使用终端编译h5 正式版都还是在 h5 目录下,并没有改到 web 目录下
预期结果:
- HBuilderX的运行->运行到终端->build:h5": "uni build 和 HBuilderX的发行->网站-PC Web或手机H5保持一致,均打包到 web 目录
实际结果:
- 运行到终端 和 发行生成的目录不一致
bug描述:
- 使用vscode 或者 HBuilderX的运行->运行到终端->build:h5": "uni build 或者 使用终端编译h5 正式版都还是在 h5 目录下,并没有改到 web 目录下
1 回复
在 uni-app 中,默认情况下,HBuilderX 会将构建的 H5 项目输出到 dist/build/h5
目录下。如果你希望将构建结果输出到其他目录(例如 web
目录),你可以通过修改 vue.config.js
文件来实现。
以下是如何将构建输出目录更改为 web
目录的步骤:
-
创建或修改
vue.config.js
文件: 如果你的项目中还没有vue.config.js
文件,可以在项目根目录下创建一个。如果已经存在,直接编辑它。 -
配置输出目录: 在
vue.config.js
文件中,添加或修改outputDir
配置项,将其指向你想要的目录(例如web
目录)。const path = require('path'); module.exports = { outputDir: path.resolve(__dirname, 'web'), // 将输出目录设置为 web // 其他配置... };