uniapp 更改输出目录，自定义打包目录

最新推荐文章于 2025-04-16 14:28:59 发布
最新推荐文章于 2025-04-16 14:28:59 发布
阅读量1.3w 收藏 4
点赞数 2
分类专栏： js vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43208652/article/details/105262693
版权

在用uniapp打包项目到生产服务器的时候每次都会多生成两个二级目录。导致静态资源访问出现一些问题。但是官方文档上vue.cofig.js中修改webpack配置outputDir这种方式是不支持的。
最后发现需要在package.json打包命令中增加这么一句 UNI_OUTPUT_DIR=你的指定目录在这里插入图片描述

uniApp实战三：自定义插件的实现
博主逸尘
03-10 410
在HbuilderX中找到manifest.json然后如下图勾选插件，然后再选云打包，打自定义基座包即可。
uniapp引入自定义图标
weixin_52102740的博客
07-24 1236
uniapp自定义图标
UNI+VITE(Vue3)如何自定义配置打包输出目录？UNI_OUTPUT_DIR？
weixin_43952913的博客
08-02 3335
UNI+VITE(Vue3)如何自定义配置打包输出目录
uni-app修改指定开发代码打包目录，而非生成代码目录
u010378398的专栏
01-18 3741
近期学习uni-app开发，按照网上教程通过vscode下载模板后，再将所有代码拷贝到离线环境，使用npm run dev:h5运行或者使用npm run build:h5(此处以H5为例)，一切都挺顺利。 由于本人前后端都会，所以想着先分个目录搭个环境，前端使用uni-app，后端使用express，数据库使用MySQL或者其他数据库，打算将src目录分成app目录和server目录，一个存放前端，一个存放后端，如下： 那么问题来了，一般使用框架都会有一些配置文件或者指定打包目录，本人想.
uniapp项目怎么改为命令行打包
最新发布
luck332的专栏
04-16 472
将 uni-app 项目改为命令行打包，可以通过以下步骤实现。这不仅能提高打包效率，还能更好地与 CI/CD 流程集成。如果项目是通过 HBuilderX 创建的，可以保留 HBuilderX 用于日常开发，但打包操作将通过命令行完成。
UNIAPP自定义打包输出目录
weixin_37611986的博客
08-02 1004
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档。
在uniapp中修改打包路径
spring_007_999的博客
02-05 1120
在uniapp中修改打包路径,主要涉及到对manifest.json文件的编辑
uni-app自定义打包目录package.json命令配置
知之为知之，不知为不知
02-18 1万+
uni-app 使用 npm run build 命令打包，会根据环境生成不同的目录文件。 开发和测试环境会生成到 dev 文件夹，而生产环境则生成到 build 文件。 为了方便自动化部署，需要统一一下打包目录，需要修改一下 package.json 文件： "build:dev": "cross-env NODE_ENV=development UNI_PLATFORM=h5 UNI_OUTPUT_DIR=dist/build/h5 vue-cli-service uni-build", 增加
【微信小程序】进阶篇 -- uni-app 项目创建 & 目录结构讲解（四十九）
JMFive的博客
03-23 3635
大家好，又见面了，我是夜阑的狗🐶，本文是专栏【微信小程序开发教程】专栏的第49篇文章;今天开始学习微信小程序的第31天💖💖💖，开启新的征程，记录最美好的时刻🎉，每天进步一点点。 此专栏是我是夜阑的狗微信小程序开发过程的总结，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。🌹 🌹 🌹也欢迎你，关注我。👍 👍 👍！！💕 💕 💕 最后，本文仍有许多不足之处，欢迎各位认真读完文章的小伙伴们随时私信交流、批评指正！下期再见。
uniapp打包app自定义开屏页
01-27
2. 配置入口文件：修改项目配置文件unpackage/dist/对应的平台/config.json，将新建的开屏页设置为应用的初始启动页面，如`"pages": ["splash"]`。 3. 图片资源：开屏页通常需要背景图片，确保图片大小适配各种...
uniapp打包h5后自定义配置文件可修改 的操作方法
06-22
本篇文章将详细介绍如何在uniapp打包H5后，对自定义配置文件进行修改，以满足项目的个性化需求。 首先，我们需要了解uniapp的构建流程。在uniapp项目中，`uni.config.js`是全局配置文件，它包含了项目的基本信息、...
Uniapp：android—离线打包制作自定义基座
qq_37980878的博客
05-15 6694
Uniapp：android—离线打包制作自定义基座
uniApp h5项目通过命令行打包，并生成指定路径、文件名称
askuld的博客
04-07 6611
第四步：将hb项目中 package.json文件中dependencies里面的依赖引入到copy过来的 package.json文件中；第一步：新建src文件夹，将一下文件放入src文件夹中。第二步：删除hb项目中除了src之外的所有文件。第七步：npm run build 打包项目。第三步：将cli项目中的以下文件copy过来。第一步：采用hbuilder新建一个项目。第六步：npm run dev运行项目。第二部：通过cli新建一个项目。回到主题，将hb项目作为基础，我们将hb的项目作为基础。
uniapp vue-cli项目配置devServer和outPutDir
coolge521的专栏
03-28 1578
更改uni-app项目的开发devser和产物路径配置
UNI-APP安卓本地打包详细教程（保姆级）
热门推荐
PIOnly的博客
06-09 2万+
UNI-APP安卓本地离线打包图文详解保姆级教程
uniapp cli（命令行）打包配置环境变量
娄小研的博客
01-18 1459
【代码】uniapp cli（命令行）打包配置环境变量。
Nginx - 同一域名配置多个 Vue 项目（支持Webpack、Uniapp）
陆克和他的那些代码
08-20 2394
一、Vue + Webpack 项目配置 1、目录结构图 这里有三个项目，我们接下来分别看下三个项目是如何配置。 2、Nginx Conf 配置 server { listen xxx; # 端口 server_name xxx.xxx.xxx.xxx; # 地址 root /usr/web; location / { root /usr/web/index; in...
uni-app配置开发、测试、生产等多环境，process.env
qq_35430000的博客
08-03 1万+
"scripts": { "dev": "cross-env NODE_ENV=development VUE_APP_MOD=dev UNI_PLATFORM=h5 VUE_APP_PLATFORM=h5 vue-cli-service uni-serve", "build:sit": "cross-env NODE_ENV=production VUE_APP_MOD=sit UNI_PLATFORM=h5 VUE_APP_PLATFORM=h5 UNI_OUTPUT_DIR=dist.
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值