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

最新推荐文章于 2024-05-05 20:59:52 发布
最新推荐文章于 2024-05-05 20:59:52 发布
阅读量1.1w 收藏 4
点赞数 2
分类专栏： js vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43208652/article/details/105262693
版权
js 同时被 2 个专栏收录
19 篇文章 0 订阅
订阅专栏
vue.js
16 篇文章 0 订阅
订阅专栏

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

波子的搬砖生涯
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
uni-app修改指定开发代码打包目录，而非生成代码目录
u010378398的专栏
01-18 3360
近期学习uni-app开发，按照网上教程通过vscode下载模板后，再将所有代码拷贝到离线环境，使用npm run dev:h5运行或者使用npm run build:h5(此处以H5为例)，一切都挺顺利。 由于本人前后端都会，所以想着先分个目录搭个环境，前端使用uni-app，后端使用express，数据库使用MySQL或者其他数据库，打算将src目录分成app目录和server目录，一个存放前端，一个存放后端，如下： 那么问题来了，一般使用框架都会有一些配置文件或者指定打包目录，本人想.
uniapp打包app自定义开屏页
01-27
2. 配置入口文件：修改项目配置文件unpackage/dist/对应的平台/config.json，将新建的开屏页设置为应用的初始启动页面，如`"pages": ["splash"]`。 3. 图片资源：开屏页通常需要背景图片，确保图片大小适配各种...
UNI+VITE(Vue3)如何自定义配置打包输出目录？UNI_OUTPUT_DIR？
weixin_43952913的博客
08-02 2306
UNI+VITE(Vue3)如何自定义配置打包输出目录
环境变量cross-env
最新发布
Sapling
05-05 152
是一个环境变量，通常用于在 UniApp 项目中自定义打包（构建）的输出目录。UniApp 是一个使用 Vue.js 开发所有前端应用的框架，它可以编译到iOS、Android、H5、以及各种小程序（如微信/支付宝）等多个平台。当您使用 UniApp 打包项目到生产环境或某个特定的目标平台时，您可能会想要更改默认的输出目录。配置可能不适用于 UniApp，因为它有自己的构建和打包流程。时，UniApp 就会将构建的输出文件放置在您指定的目录中。是您想要指定的输出目录，而。是您要构建的目标平台（如。
uni-app自定义打包目录package.json命令配置
知之为知之，不知为不知
02-18 9872
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", 增加
前端uniapp打包自定义插件
这个人很懒~
04-07 365
在uniapp中打包自定义插件通常涉及几个步骤，包括创建插件代码、配置插件信息、在项目中引入插件，以及最终的打包发布。以下是一个简单的示例，展示如何创建一个简单的自定义uniapp插件，并打包以供他人使用。根据你的具体需求，插件可能包含更复杂的逻辑、多个组件或API，但基本的步骤和流程是类似的。在这个package.json文件中，我们声明了这是一个uniapp插件，并指定了我们的自定义组件的路径。在package.json中正确配置插件的信息，以便其他人能够理解和使用你的插件。
uniapp vue-cli项目配置devServer和outPutDir
coolge521的专栏
03-28 988
更改uni-app项目的开发devser和产物路径配置
【uni-app框架】配置导出路径
weixin_43343144的博客
05-09 5450
【正对于uni-app框架】特别声明：不建议这种【./】的导出方式，会导致部分资源路径【本来是绝对路径的，现在变成相对路径】无法访问的问题【比如图片，视频....】【uni-app默认publicPath是/】 当然，在单纯的Vue.js开发似乎是可以的【单纯的Vue还需要进一步测试这种情况】 配置官网：https://uniapp.dcloud.io/collocation...
uni小程序, 嵌入原生app, 文件下载到指定目录的实现方式
qq345oo的博客
09-02 2339
uni小程序, 嵌入原生app, 文件下载到指定目录的实现方式
uniapp h5项目打包 路径配置
热门推荐
yangqii的博客
11-15 2万+
两个简单的移动端页面选择了用uniapp写，果然很复杂了。。 隐藏导航栏，，想通过URL直接链接对应的页面，即打包之后修改首页路径配上想要的页面的文件名 本地运行（localhost）该方法可用， 同样的方法挂到服务器上，直接报错找不到该路径 各种尝试，还是不懂要怎么独立切换页面，最后采用偏方： 每个页面独立打包一份，再挂载到服务器上 如果不想重新建独立工程的话，可以仅修改 pages...
uniapp下载文件到手机自定义目录实现
weixin_55532289的博客
03-18 1万+
uniapp官方文档使用uni.downloadFile和 uni.saveFile实现下载文件资源到本地和永久保存，实现方法如下： 具体参数说明请参考官方文档： https://uniapp.dcloud.io/api/request/network-file.html // 文件下载 uni.downloadFile({ url: fileUrl,//下载资源的 url success: res => { console.log(res); if (res.status
uniapp打包h5后自定义配置文件可修改 的操作方法
06-22
本篇文章将详细介绍如何在uniapp打包H5后，对自定义配置文件进行修改，以满足项目的个性化需求。 首先，我们需要了解uniapp的构建流程。在uniapp项目中，`uni.config.js`是全局配置文件，它包含了项目的基本信息、...
uniapp 自定义地址列表组件
05-02
【uniapp自定义地址列表组件】是基于uni-app框架开发的一种高效、可复用的UI组件，用于在移动应用中展示用户地址信息。uni-app是一个使用Vue.js开发所有平台的应用框架，支持打包为iOS、Android、H5、微信小程序、...
uni-app实现视频文件指定目录下载并重命名
01-27
在移动应用开发中，有时我们需要实现一个功能，让用户能够从网络上下载视频文件，并将其保存到特定的本地目录，同时允许用户自定义文件名。uni-app是一个基于Vue.js的多端开发框架，支持H5、小程序、App等平台，它...
uni-app项目本地离线android打包步骤
04-22
如果你想要自定义打包后的APK文件名，可以在`build.gradle`中添加以下代码： ```groovy applicationVariants.all { variant -> variant.outputs.all { output -> def outputFile = output.outputFile def ...
uniApp h5项目通过命令行打包，并生成指定路径、文件名称
askuld的博客
04-07 5795
第四步：将hb项目中 package.json文件中dependencies里面的依赖引入到copy过来的 package.json文件中；第一步：新建src文件夹，将一下文件放入src文件夹中。第二步：删除hb项目中除了src之外的所有文件。第七步：npm run build 打包项目。第三步：将cli项目中的以下文件copy过来。第一步：采用hbuilder新建一个项目。第六步：npm run dev运行项目。第二部：通过cli新建一个项目。回到主题，将hb项目作为基础，我们将hb的项目作为基础。
Nginx - 同一域名配置多个 Vue 项目（支持Webpack、Uniapp）
牧码的博客
08-20 2264
一、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实现文件下载并保存
IT全栈 华强工作室
06-29 4459
APP应用开发过程中，资源下载是一种常见应用场景。中应用实现文件下载功能。示例代码如下： 二、资源保存 当应用回调成功后参数代表临时保存文件的路径，再使用保存到本地即可，实例代码如下： 资源下载并保存的位置为:.........
uniapp如何打包极光的自定义基座
06-09
在uniapp中打包极光自定义基座，需要先在manifest.json中设置基座的信息，例如： ```json { "app-plus": { "customBundle": true, "name": "MyCustomBase", "version": "1.0.0", "id": "com.example.MyCustomBase", "description": "My Custom Base for JPush", "iconPath": "static/logo.png", "mainEntry": "pages/index", "config": { "jpush": { "appkey": "your_jpush_appkey" } } } } ``` 其中，customBundle设置为true表示使用自定义基座；name、version、id、description、iconPath、mainEntry等字段是基座的基本信息；config字段中的jpush是极光推送的配置信息，可以根据需要进行修改。 然后，在打包时需要选择自定义基座进行打包，具体步骤如下： 1. 打开HBuilderX，打开uniapp项目； 2. 在顶部菜单栏中选择“发行” -> “原生App-云打包”； 3. 在“App基座”下拉菜单中选择“自定义基座”，并根据需要选择其他打包选项； 4. 点击“发行”按钮，等待打包完成。 打包完成后，会生成一个自定义基座的安装包，可以安装在手机上进行测试。注意，在使用自定义基座时，需要在极光推送后台设置应用的包名为自定义基座的包名。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值