文章 2024-10-29 来自:开发者社区

前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处

在使用 Deno 进行构建时,发现生成的可执行文件体积较大。相比之下,使用 Node.js 构建的项目通常非常小,尤其是在不安装依赖包的情况下,体积通常不到 1MB。然而,Windows 下 Deno 生成的可执行文件体积接近 100 MB,这让我不禁思考:为什么 Deno 打包的产物会如此庞大?是否有可以优化的空间?这种情况让我开始深入研究Deno 的打包方式及其内部结构,希望能够找到一些优化....

前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
文章 2024-10-23 来自:开发者社区

前端模块打包器的深度解析

在前端开发中,模块化和打包工具的使用已经成为了一种标准实践。其中,Webpack作为当前最流行的前端模块打包器,凭借其强大的功能和灵活性,赢得了广大开发者的青睐。本文将深入探讨Webpack的核心概念、配置方法以及在实际项目中的应用。 一、Webpack简介 Webpack是一个现代JavaScript应用程序的静态模块打包器(...

文章 2024-10-23 来自:开发者社区

前端模块化打包工具的深度解析

在前端开发的浪潮中,工具链的演进一直推动着开发效率与项目管理的提升。其中,Webpack作为一款功能强大的模块打包工具,凭借其灵活的配置、高效的打包性能以及对各种资源的良好支持,成为了前端开发者的必备利器。本文将深入探讨Webpack的核心概念、配置方法以及在实际项目中的应用。 一、Webpack简介 Webpack是一个现代JavaScr...

文章 2024-09-10 来自:开发者社区

前端限制打包文件数量

之前有过这样的项目经历:我们写的程序是前端打包给后端,后端再打包成jar包上传到甲方的云市场,使用就在云市场里点击应用打开。当时甲方云市场做了一次升级,但是没有给我们这边说,直到后面整个系统不能用了,然后给我们反馈了:“你们系统进入页面的时候请求了太多静态资源,导致我们系统直接认定是网络攻击,直接挂掉了”。然后我就去看了一下,前端项目的打包文件,其中js文件和css文件最多,为了性能,对超过10....

前端限制打包文件数量
文章 2024-09-07 来自:开发者社区

Web前端项目的跨平台桌面客户端打包方案之——CEF框架

@[toc] 1、什么是CEF CEF是什么 概念Chromium Embedded Framework (CEF)是个基于Google Chromium项目的开源Web browser控件。CEF的目标是为第三方应用提供可嵌入浏览器支持。CEF隔离底层Chromium和Blink的复杂代码,并提供一套产品级稳定的API。 Web前端的发展方向1、分工:有些人去搞 React、Vu...

Web前端项目的跨平台桌面客户端打包方案之——CEF框架
文章 2024-09-01 来自:开发者社区

在前端开发中,webpack 作为一个强大的模块打包工具,为我们提供了丰富的功能和扩展性

一、引言 在前端开发中,webpack 作为一个强大的模块打包工具,为我们提供了丰富的功能和扩展性。其中,DefinePlugin 插件是一个非常实用的工具,它可以帮助我们在编译过程中动态地定义全局变量,从而实现一些特定的功能和优化。本文将深入探讨 DefinePlugin 插件的原理、用法以及实际应用案例,希望...

文章 2024-08-15 来自:开发者社区

在前端开发中,webpack 作为模块打包工具,其 DefinePlugin 插件可在编译时动态定义全局变量,支持环境变量定义、配置参数动态化及条件编译等功能。

一、引言 在前端开发中,webpack 作为一个强大的模块打包工具,为我们提供了丰富的功能和扩展性。其中,DefinePlugin 插件是一个非常实用的工具,它可以帮助我们在编译过程中动态地定义全局变量,从而实现一些特定的功能和优化。本文将深入探讨 DefinePlugin 插件的原理、用法以及实际应用案例,希望...

问答 2024-08-13 来自:开发者社区

在实现前端可执行的小型打包工具时,为什么推荐在有条件的情况下将编译过程放在服务端完成?

在实现前端可执行的小型打包工具时,为什么推荐在有条件的情况下将编译过程放在服务端完成?

文章 2024-07-25 来自:开发者社区

前端优化之路:打包文件拆包、增加哈希值

【前言】 前面对项目打包做了优化处理,但是还不够完美,有两点可继续优化 生成的chunk-vendors文件过大,压缩后仍然超过1M 开发、测试环境生成的js文件,未带哈希值 问题1:如果在弱网环境下,会造成首次白屏时间过长问题2:容易产生同名文件,造成浏览器缓存 出于以上两点考虑,故而需继续对项目优化处理,以求精益求精。 优化前,dist里的js文件列 【打包分析】 ...

前端优化之路:打包文件拆包、增加哈希值
文章 2024-07-25 来自:开发者社区

前端优化之路:构建、打包速度提升

【前言】 《闻香识女人》中有句经典台词,“有些人一分钟过尽一生”,多少人在等待中浪费了生命的美好。同样,如果一个项目构建、热更新、打包速度过慢,中途需大把时间去等待,那么不免让人抓狂。 【效果展示】 优化前,构建速度 整整126秒,两分多钟过去后,项目才启动成功。 优化后,构建速度 21秒运行完毕,仅用以前16%的时间,节约80%以上,过程不再枯燥、冗长。 优化前,打包速度 由于...

前端优化之路:构建、打包速度提升

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注