开发者社区 > 云效DevOps > 正文

请问在云效前端项目构建的场景,这个缓存,里面包含了哪些内容?

请问在云效前端项目构建的场景,这个缓存,里面包含了哪些内容?3a15819cb29bc98fab5892ea69aadb88.png

展开
收起
2401。 2023-06-26 21:21:47 215 0
16 条回答
写回答
取消 提交回答
  • 云效前端项目构建的缓存目录是由用户自定义的,可以包含任何需要的文件和文件夹。在Flow流水线执行时,每个任务节点都会创建新的构建环境,构建完后会销毁,为解决流水线运行过程中,构建依赖反复下载的问题,提升整体构建效率,Flow提供了自定义缓存功能。
    image.png
    image.png

    2023-08-07 21:03:34
    赞同 展开评论 打赏
  • 公众号:网络技术联盟站,InfoQ签约作者,阿里云社区签约作者,华为云 云享专家,BOSS直聘 创作王者,腾讯课堂创作领航员,博客+论坛:https://www.wljslmz.cn,工程师导航:https://www.wljslmz.com

    云效前端项目构建的缓存包含以下内容:

    1. 项目的源代码。
    2. 项目的构建文件。
    3. 项目的依赖库。

    那么在官方指导文档中已经详细写明白了,文档地址:

    image.png

    image.png

    我们知道,前端在打包的时候,最怕下载依赖了,一下载就是很长时间,所以这个缓存真的帮了大忙,极大的提高了工作效率。

    2023-08-05 16:07:05
    赞同 展开评论 打赏
  • 从事java行业9年至今,热爱技术,热爱以博文记录日常工作,csdn博主,座右铭是:让技术不再枯燥,让每一位技术人爱上技术

    您好,云效构建时缓存设置选择优先使用缓存的话,那么构建时会直接使用本地缓存,无需再从云端拉取。此功能可以解决私有构建机和云端因为网络问题导致的构建缓慢。比如如下构建优先使用缓存
    image.png
    本地缓存配置如图
    image.png

    2023-08-01 13:13:35
    赞同 展开评论 打赏
  • 天下风云出我辈,一入江湖岁月催,皇图霸业谈笑中,不胜人生一场醉。

    缓存目录
    由于 Flow 流水线执行时,每个任务节点都会创建新的构建环境,构建完后会销毁,为解决流水线运行过程中,构建依赖反复下载的问题,提升整体构建效率,Flow 提供了自定义缓存功能。用户可以自定义自己的缓存目录,实现流水线任务多次运行的缓存共享。

    比如在 Nodejs 构建任务执行npm install会在项目中生成./node_modules,而缓存在root/.npm中。可以将root/.npm保存起来方便下次加速下载。

    同时,若出现缓存导致的构建失败,您可以对缓存进行清空重置。

    Flow 的缓存默认保存 365 天,若无使用则会自动清除。

    您可通过 流水线编辑 -> 变量与缓存 -> 缓存,进行缓存目录设置。
    image.png

    目前 Flow 暂不支持流水线同一次运行过程中,任务之间的缓存共享。Flow 的缓存能力主要解决的是任务级别多次运行之间的下载依赖问题。Flow 默认会缓存以下目录,以下目录均为 Flow 构建环境中默认指定自定义缓存目录,自定义缓存目录需满足以下规则:

    不允许填写 "/"、"/root"、"/root/workspace"以及 /root/workspace/ 以下的目录

    不允许包含 "..",比如 "/root/abc/.."

    必须为一个合法的文件目录,例如以下目录为非合法文件目录 "/root/%&dfaf"

    若需要将构建过程中工作区 /root/workspace 下某个目录或文件进行缓存,可以将其复制到/root 下其他目录并将其设置为缓存目录。示例如下:image.png

    image.png
    image.png

    NPM 构建时,使用以下命令安装依赖包,优先从本地缓存获取依赖包:

    构建中优先使用缓存中

    npm install --prefer-offline --no-audit
    yarn 构建时,使用以下命令安装依赖包,优先从本地缓存获取依赖包:

    构建中优先使用缓存中

    yarn install --prefer-offline
    私有构建集群缓存配置
    当你使用公共构建集群时,所有的构建依赖均会缓存在云端,每次构建时需要从云端拉取缓存。

    当你使用私有构建集群时,您可以选择:

    1 本地缓存,此时所有的依赖文件会存储在私有构建集群上,直接使用本地缓存,无需再从云端拉取。此功能可以解决私有构建机和云端因为网络问题导致的构建缓慢。

    2 云端缓存,每次构建会下载云端的构建缓存文件。主要解决构建集群中存在多个构建机时,每次构建任务可能被调度到不同的构建机,通过云端缓存可以重复利用缓存的依赖文件。
    image.png

    2023-07-27 16:12:22
    赞同 展开评论 打赏
  • 在云效前端项目构建的场景中,缓存通常包含以下内容:
    image.png

    1. 依赖项缓存:当您使用包管理工具(如npm、Yarn)时,它会将下载的依赖项缓存在本地目录中(通常是node_modules目录)。这些依赖项包括项目所需的各种JavaScript库、框架和插件等。缓存这些依赖项可以避免每次构建都重新下载和安装依赖项,提高构建速度。

    2. 编译输出缓存:在前端项目构建过程中,通常会生成编译后的文件,例如打包后的JavaScript、CSS和图片等资源文件。这些编译输出文件会被缓存起来,以便在下次构建时能够快速复用,而不需要重新进行编译。
      image.png

    3. 构建工具缓存:如果使用像Webpack、Rollup或Parcel等构建工具,在构建过程中会生成一些内部缓存文件,用于加速构建过程和优化输出结果。这些缓存文件通常存储在项目的临

    2023-07-27 15:02:30
    赞同 展开评论 打赏
  • 十分耕耘,一定会有一分收获!

    楼主你好,根据你的描述,在阿里云云效前端项目构建的场景下,缓存通常包含以下内容:

    1. 依赖项:包括npm、yarn或者其他依赖管理工具下载的第三方库和模块。
    2. 编译输出:包括编译后的JavaScript、CSS等静态资源文件。
    3. 构建工具缓存:例如webpack、rollup等工具生成的缓存文件。
    4. 本地代理数据:若启用了本地代理服务器(如verdaccio),则可能包含已下载的npm包。
      图示:
      image.png

    image.png

    这些缓存可以减少重复的下载和构建过程,提高构建速度。但有时候也会导致问题,例如版本冲突或缓存更新不及时等。如果遇到问题,可以尝试清除缓存并重新构建项目。

    2023-07-27 00:17:24
    赞同 展开评论 打赏
  • 在云效前端项目构建的场景中,缓存通常包含以下内容:
    微信图片_20230726194100.png

    1. 依赖包缓存:项目中使用的依赖包(如npm包)会被缓存,以避免每次构建都重新下载和安装依赖包。
    2. 构建结果缓存:构建过程中生成的文件(如打包后的静态资源文件、编译后的代码等)会被缓存,以便在后续构建中复用,提高构建速度。
    3. 编译缓存:一些编译工具(如babel、TypeScript等)会将编译结果缓存起来,以减少重复的编译工作。
    4. 测试结果缓存:执行测试用例的结果会被缓存,以便在后续构建中快速判断是否需要重新执行测试。
    5. 构建过程缓存:构建过程中的中间结果(如编译过程中生成的临时文件、构建过程中的缓存数据等)会被缓存,以加快后续构建的速度。

    微信图片_20230726194151.png
    云效前端项目的本地缓存是指在本地开发环境中存储的一些缓存文件。

    2023-07-26 19:44:30
    赞同 展开评论 打赏
  • image.png

    在云效前端项目构建场景中,缓存包含以下内容:
    依赖缓存:云效会将项目中依赖的第三方库、框架等缓存下来,以提高构建速度和稳定性。
    构建缓存:云效会将项目中经常使用的构建脚本、配置文件等缓存下来,以避免重复构建和提高构建效率。
    缓存依赖项:云效会将项目中使用的依赖项缓存下来,以避免重复下载和提高构建效率。
    缓存仓库:云效会将项目中使用的仓库缓存下来,以避免重复下载和提高构建效率。
    缓存插件:云效会将项目中使用的插件缓存下来,以避免重复下载和提高构建效率。
    这些缓存可以大大提高项目构建的效率和稳定性,避免重复构建和下载依赖项,提高项目的构建速度和可靠性。

    2023-07-26 15:50:53
    赞同 展开评论 打赏
  • 主要包含的是以下的目录内容:
    image.png

    通过科学的缓存策略,可以大幅提升前端项目在云效上的构建性能。

    2023-07-26 15:09:18
    赞同 展开评论 打赏
  • Flow 的缓存能力主要解决的是任务级别多次运行之间的下载依赖问题。Flow 默认会缓存以下目录,以下目录均为 Flow 构建环境中默认指定的缓存目录:

    image.png

    2023-07-26 00:01:26
    赞同 展开评论 打赏
  • 屏幕截图 2023-07-22 224808.png
    缓存可以根据需求按需开启。
    微信截图_20230724183141.png
    实现流水线任务多次运行的缓存共享。

    2023-07-25 21:06:29
    赞同 展开评论 打赏
  • 目前 Flow 暂不支持流水线同一次运行过程中,任务之间的缓存共享。Flow 的缓存能力主要解决的是任务级别多次运行之间的下载依赖问题。Flow 默认会缓存以下目录,以下目录均为 Flow 构建环境中默认指定的缓存目录:
    image.png

    若需要将构建过程中工作区 /root/workspace 下某个目录或文件进行缓存,可以将其复制到/root 下其他目录并将其设置为缓存目录。示例如下:

    image.png

    2023-07-25 15:10:20
    赞同 展开评论 打赏
  • 在云效前端项目构建的场景中,缓存是指将已经下载和编译过的依赖包、资源文件等保存在本地,下次构建时直接使用本地缓存,避免重复下载和编译。这样可以加快构建速度,提高效率。

    2023-07-25 11:27:19
    赞同 展开评论 打赏
  • 全栈JAVA领域创作者

    在云效前端项目构建的场景中,缓存通常包含以下内容:

    1. 编译后的 JavaScript、CSS 和图片文件等静态资源。
    2. 项目的依赖库及其版本信息。
    3. 项目的配置文件,如 webpack 配置文件、babel 配置文件等。
    4. 项目的代码仓库地址、分支信息等元数据。
    5. 项目的构建历史记录,包括每次构建的时间、状态、输出结果等信息。
    6. 项目的运行环境信息,如 Node.js 版本、操作系统版本等。
    7. 其他与项目相关的元数据或配置信息。
    2023-07-24 21:19:22
    赞同 展开评论 打赏
  • 北京阿里云ACE会长

    在前端项目构建过程中使用缓存可以大幅提高构建速度,避免重复下载和编译。在云效中,前端项目的缓存一般包含以下内容:

    Node.js 包缓存:在构建前端项目时,会使用 Node.js 包管理器(例如 npm 或 yarn)下载和安装所需的 Node.js 包。这些包通常比较大,如果每次构建都重新下载和安装,会浪费大量时间和带宽。因此,云效会将已下载和安装的 Node.js 包缓存起来,以便后续的构建可以直接使用。

    编译工具缓存:在前端项目构建过程中,通常会使用一些编译工具(例如 webpack、babel 等)将源代码编译成可在浏览器中运行的代码。这些编译工具也会产生大量的中间文件和缓存文件,如果每次构建都重新编译,会浪费大量时间和磁盘空间。因此,云效会将已编译的文件和缓存文件缓存起来,以便后续的构建可以直接使用。

    https://help.aliyun.com/document_detail/202423.html?spm=a2c4g.403549.0.i4
    image.png

    流水线编辑 -> 变量与缓存 -> 缓存,进行缓存目录设置。
    image.png

    image.png

    2023-07-24 19:10:19
    赞同 展开评论 打赏
  • 发表文章、提出问题、分享经验、结交志同道合的朋友

    同学你好,云效的缓存功能是可以自定义设置的,用户可以自定义自己的缓存目录,实现流水线任务多次运行的缓存共享。

    缓存配置:在每个流水线配置里,都可以编辑配置
    image.png

    所以,要查看具体缓存了哪些内容,可以找到对应的目录查看即可。

    2023-07-24 16:54:00
    赞同 展开评论 打赏
滑动查看更多

云效,企业级一站式研发协同平台,数十万企业都在用。支持公共云、专有云和混合云多种部署形态,通过云原生新技术和研发新模式,助力创新创业和数字化转型企业快速实现研发敏捷和组织敏捷,打造“双敏”组织,实现多倍效能提升。

热门讨论

热门文章

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
阿里文娱大前端技术实践 立即下载
前端代码是怎样智能生成的 立即下载