UNI+VITE(Vue3)如何自定义配置打包输出目录？UNI_OUTPUT_DIR？

最新推荐文章于 2024-03-28 15:02:09 发布

antlers777_

最新推荐文章于 2024-03-28 15:02:09 发布

阅读量2k

点赞数 4

分类专栏： uni-app vue 文章标签： vue.js 前端 javascript uni-app

本文链接：https://blog.csdn.net/weixin_43952913/article/details/132065632

版权

uni-app 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

vue

4 篇文章 0 订阅

订阅专栏

缘由

最近项目要跑流水线，运维规定的包输出目录是根目录docker/h5，之前写过vue2版本的uniapp项目，设置如下

"build:h5": "cross-env NODE_ENV=production UNI_PLATFORM=h5 UNI_OUTPUT_DIR=docker/h5 vue-cli-service uni-build",

搬到vue3下就失效了，Dcloud中也找不到解决方案。

解决

但是！我提供了正确的解题，如下：
在package.json内作如下配置:

"build:prod:h5": "uni build --mode production --outDir docker/h5",

成功！
不用谢，各位！

优惠劵

antlers777_

关注关注

4
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
UNI+VITE(Vue3)如何自定义配置打包输出目录？UNI_OUTPUT_DIR？

UNI+VITE(Vue3)如何自定义配置打包输出目录
复制链接

扫一扫

专栏目录

vue3+vite+antd 后台管理系统基础模板

02-06

vue3+vite+antd后台管理系统 vue3 vite antd 后台管理系统基础模板 vite秒启动弃用webpack，解决启动加载过慢的问题

__UNI__EA09049_20210329131849.apk

03-29

文章demo包

2 条评论您还未登录，请先登录后发表或查看评论

uniapp vue-cli项目配置devServer和outPutDir

热门推荐

weixin_43208652的博客

04-02

1万+

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

uniApp h5项目通过命令行打包，并生成指定路径、文件名称

askuld的博客

04-07

5401

第四步：将hb项目中 package.json文件中dependencies里面的依赖引入到copy过来的 package.json文件中；第一步：新建src文件夹，将一下文件放入src文件夹中。第二步：删除hb项目中除了src之外的所有文件。第七步：npm run build 打包项目。第三步：将cli项目中的以下文件copy过来。第一步：采用hbuilder新建一个项目。第六步：npm run dev运行项目。第二部：通过cli新建一个项目。回到主题，将hb项目作为基础，我们将hb的项目作为基础。

从0搭建Vue3组件库(五): 如何使用Vite打包组件库

JackChan

02-17

7765

从0搭建Vue3组件库(五): 如何使用Vite打包组件库

vue3+ts+vite+router+vuex+api请求封装

12-29

后台管理系统脚手架

vue3+vite+qiankun+monorepo框架

08-03

electron+vite+vue3+sqlite3基础框架

12-14

这是一个electron+vite+vue3+sqlite3基础框架，里面都已配置好，开箱即用，压缩包中写了详细的使用说明

uni-app 项目初始配置（持续更新）

weixin_43967105的博客

09-16

1053

分包 1、除了tab 页，其他页面都放在subPackages 里面； 2、开发环境，如果主包还是过大，导致不能预览，可以在命令行末尾加上 --minimize，但也会导致代码极致压缩，不能在工具中的source 打断点调试； 3、不要在.json 里写注释，因为我们待会还会用到fs 修改.json 里面的信息，fs 读取.json 文件，有注释的话无法读取。 4、如果统一平台有多个账号的情况下，需要对不同的账号部分功能分别开发，这时就可以使用自定义自定义条件编译； 5、在package.json文件中

uniapp 自定义发行动态修改 manifest.json

唐僧的专栏

06-26

1586

添加自定义发行之后Hbuilder 编辑器会自动多出来按钮概述 | uni-app官网我这里的配置是这样：},"title": "品创收银台","env": {},},},"title": "品创收银台uat","env": {},},

vite.config.ts配置

菠萝蜜

06-02

3203

vite.config.ts配置 vite 是一个基于 Vue3 单文件组件的非打包开发服务器，它做到了本地快速开发启动：快速的冷启动，不需要等待打包操作；即时的热模块更新，替换性能和模块数量的解耦让更新飞起；真正的按需编译，不再等待整个应用编译完成，这是一个巨大的改变。

uni-app自定义打包目录package.json命令配置

dancy_xinyun的博客

05-26

1961

** uni-app自定义打包目录package.json命令配置 ** "build:dev": "cross-env NODE_ENV=development UNI_PLATFORM=h5 UNI_OUTPUT_DIR=dist/build/h5 vue-cli-service uni-build", 增加一个 UNI_OUTPUT_DIR 参数： UNI_OUTPUT_DIR=你的指定目录

vue2+webpack/vue3+vite 封装svg组件总结笔记

Winsom1的博客

09-29

660

使用uniapp vue3+ vite 进行svg组件封装

vue3+ts+vite项目打包配置

08-09

对于Vue 3 + TypeScript + Vite项目的打包配置，你可以按照以下步骤进行设置： 1. 安装依赖：在项目根目录下运行以下命令安装所需的依赖项： ``` npm install --save-dev vite @vitejs/plugin-vue@next typescript vue-tsc ``` 2. 创建`tsconfig.json`文件：在项目根目录下创建`tsconfig.json`文件，并添加以下内容： ```json { "compilerOptions": { "target": "esnext", "module": "esnext", "moduleResolution": "node", "strict": true, "jsx": "preserve", "importHelpers": true, "allowSyntheticDefaultImports": true, "esModuleInterop": true, "experimentalDecorators": true, "skipLibCheck": true, "sourceMap": true, "baseUrl": ".", "paths": { "@/*": ["src/*"] } }, "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"], "exclude": ["node_modules"] } ``` 3. 配置`vite.config.ts`文件：在项目根目录下创建`vite.config.ts`文件，并添加以下内容： ```typescript import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; export default defineConfig({ plugins: [vue()], }); ``` 4. 修改`package.json`文件：将`scripts`字段中的`"dev"`和`"build"`命令修改为以下内容： ```json { "scripts": { "dev": "vite", "build": "vue-tsc --noEmit && vite build" } } ``` 这里我们使用`vue-tsc --noEmit`命令来进行类型检查，然后再执行`vite build`命令进行打包。现在，你可以运行`npm run dev`启动开发服务器，或者运行`npm run build`进行项目打包。希望这些步骤能够帮助到你！如果你还有其他问题，请继续提问。

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交