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 目录下

image

1 回复

在 uni-app 中,默认情况下,HBuilderX 会将构建的 H5 项目输出到 dist/build/h5 目录下。如果你希望将构建结果输出到其他目录(例如 web 目录),你可以通过修改 vue.config.js 文件来实现。

以下是如何将构建输出目录更改为 web 目录的步骤:

  1. 创建或修改 vue.config.js 文件: 如果你的项目中还没有 vue.config.js 文件,可以在项目根目录下创建一个。如果已经存在,直接编辑它。

  2. 配置输出目录: 在 vue.config.js 文件中,添加或修改 outputDir 配置项,将其指向你想要的目录(例如 web 目录)。

    const path = require('path');
    
    module.exports = {
      outputDir: path.resolve(__dirname, 'web'), // 将输出目录设置为 web
      // 其他配置...
    };
回到顶部
AI 助手
你好,我是IT营的 AI 助手
您可以尝试点击下方的快捷入口开启体验!