【Ambari编译】打前端包如何提速

TTBIGDATA

于 2024-09-17 01:20:38 发布

阅读量886

点赞数 20

分类专栏：大数据专栏文章标签： ambari 前端 hadoop npm 大数据 linux

本文链接：https://blog.csdn.net/TTBIGDATA/article/details/142309657

版权

大数据专栏专栏收录该内容

6 篇文章 0 订阅

订阅专栏

快捷导航

1、ambari+bigtop自定义组件集成-CSDN博客
2、 Ambari+Bigtop 一站式编译和部署解决方案 (gitee.com)
3、关注公众号获取最新推文：

4、知识星球——开发、编译、部署、自定义集成整体解决方案

正题

在国内开发环境下使用 npm 时，安装依赖包的速度经常会受到网络波动影响。通过切换到国内的 npm 镜像源，可以显著加速依赖的安装速度。本文首先介绍如何配置 npm 使用国内镜像源加速，然后探讨如何将这些加速配置应用于 Ambari 项目，提升构建效率。

一、npm 使用国内镜像源加速 🚀

1.1 配置 npm 使用国内镜像源 🛠️

首先，我们可以通过下面的命令将 npm 的下载源更改为国内镜像源（如淘宝 npm 镜像），以大幅提升安装速度：

npm config set registry https://registry.npmmirror.com

这条命令将 npm 的默认下载源切换到淘宝的 npm 镜像源，这个源与官方源实时同步，并且在国内访问速度更快。💨

1.2 验证配置是否生效 ✅

完成设置后，我们可以使用以下命令来确认配置是否生效：

npm config get registry

理想的输出应该是：

https://registry.npmmirror.com/

⚡ 成功输出意味着你已经正确配置了国内镜像源，接下来就可以享受极速的 npm 包安装体验了。

1.3 临时使用国内镜像源 ⏳

有时你可能只想在特定的项目中使用国内镜像源，而不是全局设置。在这种情况下，可以通过命令行参数指定 --registry：

npm install package-name --registry=https://registry.npmmirror.com

这种方法非常适合那些不想修改全局 npm 配置但希望在单次安装时提升速度的情况。💡

二、在 Ambari 项目中应用 npm 加速配置 🛠️

在 Ambari 中进行前端开发时，通常会涉及到 Node.js 和 npm 的使用。为了提高构建速度，可以通过在 pom.xml 中配置 npm 和 Node.js 镜像源，实现依赖安装的加速。接下来，我们将展示如何在 pom.xml 中进行配置。

2.1 在 `pom.xml` 中配置国内镜像源

我们使用 frontend-maven-plugin 来实现 Node.js 和 npm 的安装与依赖管理。以下是 pom.xml 中的具体配置：

<build>
    <plugins>
        <!-- 前端插件，负责下载并安装 Node.js 和 npm -->
        <plugin>
            <groupId>com.github.eirslett</groupId>
            <artifactId>frontend-maven-plugin</artifactId>
            <version>1.11.3</version>
            <executions>
                <!-- 第一步：下载并安装 Node.js 和 npm -->
                <execution>
                    <id>install node and npm</id>
                    <phase>generate-sources</phase>
                    <goals>
                        <goal>install-node-and-npm</goal>
                    </goals>
                    <configuration>
                        <!-- Node.js 和 npm 的国内镜像源 -->
                        <npmDownloadRoot>https://registry.npmmirror.com/npm/-/</npmDownloadRoot>
                        <nodeDownloadRoot>https://cdn.npmmirror.com/binaries/node/</nodeDownloadRoot>
                    </configuration>
                </execution>

                <!-- 第二步：执行 npm install 并使用国内 npm 镜像 -->
                <execution>
                    <id>npm install</id>
                    <phase>generate-sources</phase>
                    <goals>
                        <goal>npm</goal>
                    </goals>
                    <configuration>
                        <!-- npm install 的配置，包括国内 npm 镜像源 -->
                        <arguments>install --unsafe-perm --progress --save --verbose</arguments>
                        <npmRegistryURL>https://registry.npmmirror.com/</npmRegistryURL>
                    </configuration>
                </execution>
            </executions>
        </plugin>
    </plugins>
</build>

2.2 关键配置说明

npmDownloadRoot 和 nodeDownloadRoot：分别配置了 npm 和 Node.js 的国内镜像源，确保所有下载操作从国内服务器获取资源，速度更快且更稳定。
npmRegistryURL：通过该字段指定 npm install 命令使用国内的 npm 镜像源。

2.3 执行日志示例 📄

配置完成后，在执行 Maven 构建时，你会看到如下的日志输出：

[INFO] --- frontend-maven-plugin:1.11.3:install-node-and-npm (install node and npm) @ my-project ---
[INFO] Installing node version v16.0.0
[INFO] Downloading Node.js from https://cdn.npmmirror.com/binaries/node/v16.0.0/node-v16.0.0-linux-x64.tar.gz
[INFO] Installed node version v16.0.0
[INFO] Installing npm version 7.10.0
[INFO] Downloading npm from https://registry.npmmirror.com/npm/-/npm-7.10.0.tgz
[INFO] Installed npm version 7.10.0