**aspect-build/rules_js: 高性能Bazel规则指南**

于 2024-08-20 08:57:55 发布
阅读量105 收藏 3
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gitblog_00206/article/details/141342173
版权

aspect-build/rules_js: 高性能Bazel规则指南

rules_jsHigh-performance Bazel rules for running Node.js tools and building JavaScript projects项目地址:https://gitcode.com/gh_mirrors/ru/rules_js

1. 项目目录结构及介绍

在aspect-build/rules_js项目中，我们发现其组织结构精心设计以支持JavaScript项目的构建与管理。以下是关键的目录及组件概述：

  • docs: 包含项目的官方文档，对于理解规则和如何使用至关重要。

  • examples: 提供一系列基础到复杂的示例，帮助用户快速上手，其中包含了基本使用案例以及端到端(E2E)测试场景，如利用js_image_layer容器化JavaScript二进制文件或js_run_devserver用于运行一个监视模式下的开发服务器。

  • WORKSPACE: 这是Bazel工作的起点，定义了外部依赖和其他工作区的设置。对于本项目，它至关重要，因为它设定了如何接入此规则集和其他潜在的npm依赖。

  • js: 存放核心JavaScript规则定义，如js_binary和js_library，这些都是构建和运行JavaScript代码的关键部分。

  • BUILD, BUILD.bazel: 在各个子目录中，这些文件定义了具体目标的构建规则。

  • LICENSE: 许可证文件，说明了项目的使用条件。

  • README.md: 项目的简介和快速入门指南，对于新用户来说是非常重要的第一手资料。

2. 项目的启动文件介绍

虽然“启动文件”可能更多地指向应用逻辑的入口点，在传统意义上这不直接关联于rules_js项目本身。不过，从开发和构建的角度，重要的是理解和配置BUILD或BUILD.bazel文件，以及如何通过定义js_binary和js_library来创建可执行程序或库。例如，一个简单的启动流程可能会涉及创建一个如下的js_binary目标在你的项目中：

load('@com_vistarmedia_rules_js//js:defs.bzl', 'js_binary')

js_binary(
    name = "app",
    srcs = ["main.js"],
)

运行这个目标前，你需要确保Bazel环境已正确设置，并且rules_js已被添加至你的WORKSPACE文件中的依赖列表。

3. 项目的配置文件介绍

3.1 WORKSPACE 文件

此文件是配置项目与外部世界的桥梁，特别是如何引入rules_js和其他必要的npm包。一个典型的配置包括通过http_archive或bazelrio_deps函数来添加rules_js作为依赖：

http_archive(
    name = "aspect_rules_js",
    urls = [
        "https://mirror.bazel.build/github.com/aspect-build/rules_js/releases/download/vX.Y.Z/rules_js-vX.Y.Z.tar.gz", # X.Y.Z为版本号
        "https://github.com/aspect-build/rules_js/releases/download/vX.Y.Z/rules_js-vX.Y.Z.tar.gz",
    ],
    sha256 = "SHA_HASH_HERE", # 替换成实际的SHA哈希值
)

3.2 BUILD 或 BUILD.bazel 文件

这些文件内定义了项目的构建规则。对于JavaScript项目，关注js_library和js_binary的定义。它们描述了源文件、依赖关系等，指导Bazel如何编译和链接代码。

其他配置文件（非直接相关）

  • package.json: 如果你的项目同时使用npm，它定义了项目的元数据和依赖关系，但这不是rules_js直接操作的文件，而是间接影响Bazel构建过程，特别是在结合npm_install规则时。

  • .bzlmod 目录（如果存在）: 表明Bazel模块的支持，简化大型项目或生态系统的依赖管理。

综上所述，理解并熟练运用rules_js的目录结构、启动逻辑及其配置文件，是有效利用该规则集进行JavaScript项目构建的关键。

rules_jsHigh-performance Bazel rules for running Node.js tools and building JavaScript projects项目地址:https://gitcode.com/gh_mirrors/ru/rules_js

段琳惟
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
使用bazel从源代码编译tensorflow踩坑记录
surtol的博客
07-29 1万+
文章目录
CSS 属性 aspect-ratio
MayanDev
02-01 1万+
摘要：在响应式网页设计中，保持一致的宽高比，即所谓的长宽比，对于防止布局累积偏移至关重要。在 Chromium 88、Firefox 87 和 Safari Technology Preview 版本中推出了 aspect-ratio 属性，我们有了更直接的方法来实现这一目标。 Aspect ratio 长宽比最常见的表示方式是两个整数和一个冒号，尺寸为：宽：高，或x：y。摄影最常见的长宽比是4:3和3:2，而视频和最近的消费类相机则倾向于16:9的长宽比。 随着响应式设计的出现，保持长宽比对Web开.
【bazel】 build 命令集合
用心做事，用爱生活
04-28 1141
【代码】【bazel】 build 命令集合。
vue-video-player——vue播放器插件的使用——基础积累
yehaocheng520的博客
11-09 4863
在做后台管理系统时，很少会用到播放器，无论是音频还是视频，但是还是有遇到的可能性的。 下面介绍一下vue-video-player视频播放器插件的使用： 1.vue-video-player视频播放器插件安装 安装：npm install vue-video-player --save 2.main.js中引入插件并全局注册 import VideoPlayer from 'vue-video-player' require('vue-video-player/node_modules/video.js/d
CSS 纵横比属性 --- aspect-ratio
一个水瓶座程序猿的博客
07-24 1万+
传统的CSS只能通过宽高自己计算纵横比，或者保持原始纵横比.现在可以使用属性来设置固定的纵横比.
bazel使用教程
热门推荐
A_L_A_N
02-28 4万+
查看bazel版本 bazel version 清除build结果 bazel clean --expunge build bazel build :<exe name> # 在BUILD所在的package目录下执行，编译指定的target bazel build :all # 编译该package下的所有target bazel build ... # 编译该p......
darknet配置参数-w/h/max_crop/min_crop
大泽之国
10-07 2784
darknet的cfg文件中的参数 w/h: 最终送入网络的尺寸, 如果输入和这个不符合，则通过crop使之符合 max_crop/min_crop: 输入图的最小边需要在[min_crop,max_crop]区间内，如果输入和这个不符合，则通过缩放使之符合。另外有一对参数max_ratio/min_ratio和一对参数作用是一样的，具体参见源码 net-&gt;max_crop = op...
SpringAOP源码解析之aop:aspectj-autoproxy标签解析
0xZzzz的博客
01-11 9712
阅读须知文章中使用//单行注释做代码的简单注释，而/**/多行注释的代码会做深入分析，为了避免篇幅过长，删掉了Spring原来的注释和空行，建议配合Spring源代码进行阅读，本文对应的Spring源码的版本为4.3.8。本文的主要内容是分析Spring AOP配置解析的源码。正文Spring AOP是我们日常开发中经常使用的工具，常被用来做统一的日志、异常处理、监控等功能，使用方法在此不多赘述，有
视觉SLAM ORB-SLAM2 双目相机实时实验 双目相机矫正 配置文件
万有文的博客
03-25 1万+
视觉SLAM ORB-SLAM2 双目相机实时实验 双目相机矫正 配置文件 博文末尾支持二维码赞赏哦_ 一 ORB-SLAM2 安装 ORBSLAM2在Ubuntu14.04上详细配置流程 参考安装 1 安装必要工具 首先，有两个工具是需要提前安装的。即cmake和git。 sudo apt-get install cmake sudo apt-get install git...
tailwindcss-aspect-ratio:用于tailwindcss框架的宽高比插件
05-02
Tailwind CSS的高宽比插件 要求 此插件需要Tailwind CSS 1.2或更高版本。 如果您的项目使用的是较早版本的Tailwind，则应安装此插件的最新2.x版本（ npm install tailwindcss-aspect-ratio@2.x ）。 安装 npm ...
Spring-Activiti.rar_Jsp/Servlet_Unix_Linux_
08-12
1. **Spring框架**：Spring是一个全面的Java应用开发框架，它提供了依赖注入（Dependency Injection，DI）、面向切面编程（Aspect-Oriented Programming，AOP）以及各种企业服务，如数据访问、事务管理等。...
拦截器与冲突解决
08-05
在Spring MVC框架中，拦截器（Interceptor）是用于处理请求的一种机制，它可以对HTTP请求进行预处理和后处理，例如实现权限验证、日志记录、性能统计等功能。然而，在使用`<mvc:annotation-driven />`元素时，有时会...
mini-video-me::video_camera:一个小型的网络摄像头播放器，内置了html，css，javascript和electronic
04-27
您将需要在./cameraConfig.js更改相机配置，因为相机具有不同的比例，例如：宽度，高度，帧速率和宽高比。 您需要了解您的相机，或者尽量不要弄乱width ， height ， aspectRatio和frameRate选项，就像这样 export ...
vue-aspect-ratio-一个毫不费力地处理宽高比的组件。-Vue.js开发
05-27
vue-aspect-ratio无需JavaScript计算即可呈现特定长宽比元素的组件。 它公开了一个默认的广告位，该广告位将具有devue-aspect-ratio A组件，以呈现某些长宽比元素，而无需进行javascript计算。 它公开了一个默认插槽...
探索算法迷宫：揭秘寻找最短路径的神兵利器
08-19
数据结构是计算机科学中的一个基本概念，它指的是数据的组织、管理和存储方式，以及对数据的操作。数据结构使得数据的访问和修改更加高效和有序。常见的数据结构包括： 1. **数组**（Array）：一种线性数据结构，可以存储相同类型的元素，并通过索引访问。 2. **链表**（Linked List）：一种线性数据结构，由一系列节点组成，每个节点包含数据部分和指向下一个节点的指针。 3. **栈**（Stack）：一种后进先出（LIFO, Last In First Out）的数据结构，只能在一端进行添加或删除操作。 4. **队列**（Queue）：一种先进先出（FIFO, First In First Out）的数据结构，允许在一端添加元素，在另一端删除元素。 5. **哈希表**（Hash Table）：通过键值对存储数据的数据结构，可以快速地通过键来访问数据。 6. **树**（Tree）：一种层次结构的数据结构，每个节点有零个或多个子节点，通常用于表示具有层次关系的数据。 7. **图**（Graph）：由顶点（节点）和边组成，可以表示复杂的关系和网络结构。 每种数据结构都有其
基于Android习惯养成APP设计与实现.docx
08-19
基于Android习惯养成APP设计与实现.docx
YOLO算法在生物信息学中的创新应用：从基因组到细胞成像
最新发布
08-19
YOLO（You Only Look Once）算法是一种流行的实时目标检测系统，通常用于计算机视觉领域。然而，其原理和效率同样适用于生物信息学领域，特别是在基因组学、蛋白质结构分析和细胞成像等方面。本文将探讨YOLO算法在生物信息学中的多种应用，包括基因组序列识别、蛋白质结构分类和细胞图像分析，并提供相应的代码示例。 YOLO算法在生物信息学领域展现出巨大的潜力，尤其是在需要快速和自动化分析的场景中。随着深度学习技术的不断进步，我们可以预见YOLO算法将在生物信息学中扮演越来越重要的角色。 参考文献 YOLO: Real-Time Object Detection Deep Learning for Bioinformatics 请注意，本文为示例性质，实际编写时需要根据具体主题和要求进行调整和补充。
知识分享辅助工具 - ObsidianPublishToCSDN-V1.1.py
08-19
知识分享辅助工具：ObsidianPublishToCSDN-V1.1.py 简介优化： 告别繁琐，拥抱高效！ObsidianPublishToCSDN-V1.1.py 是专为 Obsidian 用户打造的知识分享利器，旨在将您的笔记内容无缝对接至CSDN平台，让知识分享变得更加轻松快捷。 核心功能亮点： 智能图片提取：自动识别并收集Obsidian笔记中引用的所有图片，一键整理至指定文件夹，无需手动逐一查找，大幅提升发布效率。 Markdown优化转换：精准转换Obsidian的Markdown格式为CSDN兼容格式，保留原有排版与样式，确保内容呈现的专业与美观。 双链处理：特别针对Obsidian的双链特性，提供灵活处理方案，无论是转换为普通链接还是保留注释说明，均可按需配置，让内容更加适应CSDN环境。 高效文档生成：一键生成适用于CSDN发布的Markdown文档，减少手动编辑时间，让您的创意与知识更快触达读者。 持续迭代更新：本工具正处于活跃开发阶段，我们倾听每一位用户的反馈，不断优化功能，修复bug，确保为您提供最稳定、最便捷的使用体验。
ffmpeg_g -re -i /home/tsdl/Downloads/FPV_2021-0-1_12-37-23.h264 -vcodec libx264 -profile:v baseline -r 25 -g 50 -f rtc "http://192.168.114.34:1985/rtc/v1/whip/?app=live&stream=livestream"将上面命令使用FFmpeg最新的API转化成C语言代码
06-09
以下是将给定的FFmpeg命令使用最新的API转换为C语言代码的示例： ```c #include <stdio.h> #include <stdlib.h> #include <string.h> #include <libavcodec/avcodec.h> #include <libavformat/avformat.h> #include <libavutil/opt.h> int main(int argc, char *argv[]) { AVFormatContext *fmt_ctx = NULL; AVCodecContext *video_dec_ctx = NULL, *video_enc_ctx = NULL; AVCodec *video_dec = NULL, *video_enc = NULL; AVStream *video_stream = NULL; AVOutputFormat *output_fmt = NULL; AVFormatContext *output_fmt_ctx = NULL; AVPacket pkt; int ret, i; // Initialize the AVFormatContext if ((ret = avformat_open_input(&fmt_ctx, "/home/tsdl/Downloads/FPV_2021-0-1_12-37-23.h264", NULL, NULL)) < 0) { fprintf(stderr, "Could not open input file\n"); exit(1); } if ((ret = avformat_find_stream_info(fmt_ctx, NULL)) < 0) { fprintf(stderr, "Could not find stream information\n"); exit(1); } // Find the video stream for (i = 0; i < fmt_ctx->nb_streams; i++) { if (fmt_ctx->streams[i]->codecpar->codec_type == AVMEDIA_TYPE_VIDEO) { video_stream = fmt_ctx->streams[i]; break; } } if (!video_stream) { fprintf(stderr, "Could not find video stream\n"); exit(1); } // Initialize the video decoder video_dec = avcodec_find_decoder(video_stream->codecpar->codec_id); if (!video_dec) { fprintf(stderr, "Could not find video decoder\n"); exit(1); } video_dec_ctx = avcodec_alloc_context3(video_dec); if (!video_dec_ctx) { fprintf(stderr, "Could not allocate video decoder context\n"); exit(1); } if ((ret = avcodec_parameters_to_context(video_dec_ctx, video_stream->codecpar)) < 0) { fprintf(stderr, "Could not initialize video decoder context\n"); exit(1); } if ((ret = avcodec_open2(video_dec_ctx, video_dec, NULL)) < 0) { fprintf(stderr, "Could not open video decoder\n"); exit(1); } // Initialize the video encoder video_enc = avcodec_find_encoder_by_name("libx264"); if (!video_enc) { fprintf(stderr, "Could not find video encoder\n"); exit(1); } video_enc_ctx = avcodec_alloc_context3(video_enc); if (!video_enc_ctx) { fprintf(stderr, "Could not allocate video encoder context\n"); exit(1); } // Set video encoder options av_opt_set(video_enc_ctx->priv_data, "profile", "baseline", 0); av_opt_set(video_enc_ctx->priv_data, "tune", "zerolatency", 0); video_enc_ctx->width = video_dec_ctx->width; video_enc_ctx->height = video_dec_ctx->height; video_enc_ctx->sample_aspect_ratio = video_dec_ctx->sample_aspect_ratio; video_enc_ctx->pix_fmt = AV_PIX_FMT_YUV420P; video_enc_ctx->time_base = av_inv_q(video_stream->avg_frame_rate); video_enc_ctx->gop_size = 50; video_enc_ctx->framerate = video_stream->avg_frame_rate; if ((ret = avcodec_open2(video_enc_ctx, video_enc, NULL)) < 0) { fprintf(stderr, "Could not open video encoder\n"); exit(1); } // Initialize the output format context if ((ret = avformat_alloc_output_context2(&output_fmt_ctx, NULL, "rtc", "http://192.168.114.34:1985/rtc/v1/whip/?app=live&stream=livestream")) < 0) { fprintf(stderr, "Could not allocate output format context\n"); exit(1); } output_fmt = output_fmt_ctx->oformat; // Add the video stream to the output format context video_stream = avformat_new_stream(output_fmt_ctx, NULL); if (!video_stream) { fprintf(stderr, "Could not create video stream\n"); exit(1); } video_stream->codecpar->codec_id = video_enc->id; video_stream->codecpar->codec_type = AVMEDIA_TYPE_VIDEO; video_stream->codecpar->width = video_enc_ctx->width; video_stream->codecpar->height = video_enc_ctx->height; video_stream->codecpar->format = video_enc_ctx->pix_fmt; video_stream->codecpar->codec_tag = 0; avcodec_parameters_to_context(video_stream->codec, video_stream->codecpar); // Write the output format header if ((ret = avformat_write_header(output_fmt_ctx, NULL)) < 0) { fprintf(stderr, "Could not write output format header\n"); exit(1); } // Read frames from input, encode and write to output while (1) { if ((ret = av_read_frame(fmt_ctx, &pkt)) < 0) { break; } if (pkt.stream_index == video_stream->index) { av_packet_rescale_ts(&pkt, video_stream->time_base, video_enc_ctx->time_base); pkt.flags |= AV_PKT_FLAG_KEY; if ((ret = avcodec_send_packet(video_enc_ctx, &pkt)) < 0) { fprintf(stderr, "Could not send packet to video encoder\n"); exit(1); } while (ret >= 0) { ret = avcodec_receive_packet(video_enc_ctx, &pkt); if (ret == AVERROR(EAGAIN) || ret == AVERROR_EOF) { break; } else if (ret < 0) { fprintf(stderr, "Error encoding video frame\n"); exit(1); } av_packet_rescale_ts(&pkt, video_enc_ctx->time_base, video_stream->time_base); pkt.stream_index = video_stream->index; if ((ret = av_interleaved_write_frame(output_fmt_ctx, &pkt)) < 0) { fprintf(stderr, "Error writing video frame\n"); exit(1); } av_packet_unref(&pkt); } } av_packet_unref(&pkt); } // Write the output format trailer av_write_trailer(output_fmt_ctx); // Cleanup avformat_close_input(&fmt_ctx); avcodec_free_context(&video_dec_ctx); avcodec_free_context(&video_enc_ctx); avformat_free_context(output_fmt_ctx); return 0; } ``` 注意：以上示例代码仅供参考，具体实现可能需要根据您的需求进行修改。同时，您需要添加FFmpeg库的链接，并将FFmpeg头文件和库文件添加到编译路径中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

段琳惟

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值