uniapp修改打包目录

1. 简介

Uniapp是一个跨平台的开发框架，可以通过一套代码同时开发出iOS和Android两个平台的应用程序，同时支持H5、小程序等多种平台。默认情况下，打包后的文件会生成在dist文件夹中，但有时我们需要将打包目录修改为其他位置。下面将详细介绍如何修改打包目录。

2. 修改打包目录

2.1 创建vue.config.js文件

要修改打包目录，需要在项目根目录下创建vue.config.js文件，并在其中编写相关配置。

//vue.config.js
module.exports = {
    outputDir: 'my_project' //打包输出目录
}

上述代码中，我们把打包输出目录修改为my_project文件夹。

2.2 修改manifest.json文件

如果您的项目是一个H5项目或者小程序项目，还需要修改manifest.json文件，将其中的打包输出路径也修改为新的路径。

{
  "name": "uni-app",
  "description": "",
  "display": "standalone",
  "start_url": "/index.html",
  "icons": [
    {
      "src": "/static/favicon-32x32.png",
      "sizes": "32x32",
      "type": "image/png"
    }
  ],
  "background_color": "#ffffff",
  "theme_color": "#007aff",
  "orientation": "portrait",
  "scope": "/",
  "shortcuts": [],
  "app": {
    "theme_color": "#007aff",
    "background_color": "#ffffff",
    "name": "uni-app",
    "versionName": "",
    "versionCode": ""
  },
  "mp-weixin": {
    "appid": "",
    "path": ""
  },
  "mp-alipay": {
    "appid": "",
    "page": ""
  },
  "mp-baidu": {
    "appid": "",
    "path": ""
  },
  "mp-toutiao": {
    "appid": "",
    "path": ""
  },
  "condition": {}
}

上述代码中，我们需要将start_url中的/index.html修改为新的文件路径，比如/my_project/index.html。

2.3 npm run build

修改完配置后，需要重新打包项目，可以使用以下命令：

npm run build

打包完成后，我们可以看到项目文件已经生成在新的目录下。

3. 注意事项

在修改打包目录的过程中，需要注意以下事项：

确保目标目录存在，并且您有相应的访问权限

如果项目使用了uniCloud云函数，在修改打包目录的同时也需要修改uniCloud云函数输出目录，具体修改方法可以参考uniCloud文档。

修改打包目录后，如果您需要上传文件到服务器，也需要相应地修改上传路径。

4. 总结

修改打包目录是一个简单的操作，但需要注意一些细节问题。通过本文介绍，相信您已经掌握了如何修改打包目录，希望本文对您有所帮助。