Taro打包生成不同目录

已于 2024-04-07 14:56:33 修改
阅读量400 收藏
点赞数 2
分类专栏： H5 前端开发 文章标签： taro 打包目录
于 2024-04-07 14:53:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012852597/article/details/137463314
版权

使用taro init创建taro项目时，taro默认打包目录是：

  • /config/index.js
outputRoot:'dist'

默认的目录，编译不同平台代码时就会覆盖掉，为了达到多端同步调试的目的，这时需要修改默认生成目录了，通过查看官方文档，我这样修改：

  • /config/index.js
outputRoot:`dist/${process.env.TARO_ENV}/${process.env.NODE_ENV}`

最终生成的打包目录就是dist/平台(h5、小程序、ReactNative)/环境(测试、生产)，方便了调试:

在这里插入图片描述

码农甲乙丙
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
taro项目taro项目taro项目taro项目taro项目taro项目taro项目
07-07
taro项目taro项目taro项目taro项目taro项目taro项目taro项目
taro项目目录结构
通俗易懂
05-15 551
文章目录项目目录结构编译配置源码组织项目配置Babel 配置ESLint 配置 项目目录结构 ├── dist 编译结果目录 | ├── config 项目编译配置目录 | ├── index.js 默认配置 | ├── dev.js 开发环境配置 | └── prod.js 生产环境配置 | ├── src
Taro项目打包生成不同目录
xiangzhihong8的专栏
04-30 517
众所周知，Taro项目可以生成RN、H5和各种平台小程序，打包的命令位于package.json文件的scripts节点中，如下所示。 "scripts": { "build:weapp": "taro build --type weapp", "build:swan": "taro build --type swan", "build:alipay": "taro build --type alipay ", "build:tt": "taro build --type tt", "b
Taro - 别名引入路径方式
idomyway的博客
12-08 3494
config/index.js const path = require('path') // eslint-disable-line const config = { alias: { '@/api': path.resolve(__dirname, '..', 'src/api'), '@/components': path.resolve(__dirname, '..',...
Taro+react开发（77):taro项目目录介绍
歌谣的博客
09-21 253
taro 引用相对路径图片
weixin_33725722的博客
12-22 8769
直接将相对路径放在src属性中，不起作用， 需要先import进来，最好把图片放到服务器上，然后直接写http路径 错误写法： <Image src="./images/front.png" /> 正确写法: import namedPng from './images/front.png' ... <Image src={namedPng} /> ....
解决taro h5在调用接口时出现跨域的情况
05-07
解决taro h5在调用接口时出现跨域的情况 修改config下的index.js
Taro多端统一开发框架
08-16
Taro 是由京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。 现如今市面上端的形态多种多样，Web、App 端(React Native)、微信小程序等各种端大行其道，当业务要求同时
基于taro微信小程序环形进度条
04-15
基于taro微信小程序环形进度条
京东Taro框架深度实践
02-24
Taro是凹凸实验室遵循React语法规范的多端开发方案，Taro目前已对外开源一段时间，受到了前端开发者的广泛欢迎和关注。截止目前star数已经突破11.2k，还在开启的Issues达200多个，已经关闭700多个，可见使用并参与...
Taro +vue3 中实现全局颜色css变量的设置和使用
lele66688888的博客
04-26 394
在其他的web端框架 以及uni-app 等移动端框架中 我感觉也是这样使用的。在行内使用 直接是 字符串就行了 不用使用模板字符串 变量 因为本来就不是变量。这个主题色 一般可以这样总定义的 方便我们随时可以 修改前端的主题颜色。当我们现在需要弄一个随时修改的页面颜色主题色。我们在这个里面 设置一个root 全局样式。这样在全局我们就可以使用这个css 变量。一般有一个app.less 文件。我使用的是 Taro 框架。行内中书写 全局变量css。我们直接把颜色 替换为。
分布式系统.pptx
04-29
分布式系统.pptx
源代码-360通用ASP防护代码(防sql注入).zip
04-29
源代码-360通用ASP防护代码(防sql注入).zip
node-v8.1.0-darwin-x64.tar.gz
04-29
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
2020年ti杯电赛省赛A题代码整理
04-29
2020年ti杯电赛省赛a题的项目 分为 手机端（android），主显示端，姿态检测手环端，心率滤波读取端 mcu 采用的是esp32.结合了适配esp32的arduino以及rtos框架进行开发。 开发环境 及 语言 安卓为android studio java开发 esp32为platform io c/c++ 节点间通信方式 tcp直连，手机端为总服务端 手机端 android 原生开发 主显示端 屏幕ili9341 spi 触摸xpt2046 图形 adafruit gfx ad芯片 ads112c04 测温 lmt70 姿态检测端 9轴 bno055 心率检测 心电 ads1292
node-v6.15.0-sunos-x64.tar.gz
04-29
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
node-v9.3.0-x86.msi
04-29
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
基于网络爬虫技术的网络新闻分析
最新发布
04-29
基于网络爬虫技术的网络新闻分析主要用于网络数据爬取。本系统结构如下： （1）网络爬虫模块。 （2）中文分词模块。 （3）中3文相似度判定模块。 （4）数据结构化存储模块。 （5）数据可视化展示模块。
毕业设计：python155基于贝叶斯网络的城市火灾预测（源码 + 数据库）
04-29
毕业设计：python155基于贝叶斯网络的城市火灾预测（源码 + 数据库）
taro打包h5之后接口前缀不对
09-06
当Taro打包H5之后接口前缀不对，可能是因为以下几个原因： 1. 配置文件错误：Taro打包H5时会有一个配置文件，通常是`config/index.js`，在该文件中可以设置接口请求的前缀。如果前缀不正确，就会导致接口请求不成功...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值