腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端Q

专栏作者

374

文章

479143

阅读量

42

订阅数

我所知道的webpack5那些不太一样的改变

缓存编程算法 webpack 打包 javascript

在webpack 5之前，webpack是没有提供持久化缓存，我们开发的时候需要使用类似 cache-loader 来做缓存方面的处理。

2022-11-07

6800

我们如何使用 Webpack 将启动时间减少 80%

webpack 打包 javascript 编程算法 typescript

我们在 RudderStack 使用的开发方式之一是安全快速地构建，然后根据需要进行优化，这种模式使我们能够优先考虑客户问题，跟上 RudderStack 的快速增长的脚步。

2022-05-23

1.1K0

(字节/华为/美团)前端面经记录冷冷清清的金三银四

vue.js webpack javascript 打包 api

从毕业到现在已经在北京3年了，当年一起来北京的同学，如今都有了要离开的打算。我也在萌生了想要去成都的想法。然而从投递简历开始，就感受到了今年确实不是很景气。很多大厂不是裁员就是锁HC，面试邀约都显得非常宝贵。

2022-04-08

8910

你不知道的JS 沙箱隔离

webpack 打包网站 javascript html

自从 2014 年 HTML5 正式推荐标准发布以来，HTML5 增加了越来越多强大的特性和功能，而在这其中，工作线程（Web Worker）概念的推出让人眼前一亮，但未曾随之激起多大的浪花，并被在其随后工程侧的 Angular、Vue、React 等框架的「革命」浪潮所淹没。当然，我们总会偶然看过一些文章介绍，或出于学习的目的做过一些应用场景下的练习，甚或在实际项目中的涉及大量数据计算场景中真的使用过。但相信也有很多人和我一样茫然，找不到这种高大上的技术在实际项目场景中能有哪些能起到广泛作用的应用。

2021-10-11

1.9K0

组件化实战——组件知识和基础轮播组件

babel.js webpack javascript 打包 npm

原文链接：https://juejin.cn/post/6986304993171079176/

2021-07-29

8580

渐进式 Unbundled 开发工具探索之路

网站 webpack 打包 https javascript

业界主流的开发工具还是以 Webpack 为主，随着项目体积增大，开发阶段一次性将源代码和第三方依赖编译处理打包到一起的耗时会显著增加。在我们团队内部的 monorepo 仓库中，应用项目开发时，为了开发阶段调试方便，通常也会对一些公共库源码一起打包编译，成千上万个模块导致首次 dev server 启动耗时在几分钟甚至十几分钟，严重影响了开发效率与体验。

2021-07-01

1.2K0

Webpack5的Module Federation，号称改变JavaScript架构的游戏规则，是什么来头？

https npm 网络安全 webpack javascript

目前很多公司的业务都涉及到多个端的开发，有PC端/小程序/原生客户端等，而不同端都有对应的一个或几个独立的项目，而这些不同的项目之间都有一些可复用的业务逻辑，开发者往往需要在不同的项目中维护相同的逻辑。因此，为了节省维护成本，都会考虑跨项目模块复用，了解到 webpack5 的模块联邦特性，做了一下调研。

2021-07-01

2K0

基于 Webpack 提升构建速度和保证构建质量详解

webpack https 网络安全 github git

有一个很简单的划分方式，就是以构建（build）为分界线，分成前向治理和后向治理：

2021-05-18

6640

Webpack5构造React多页面应用

webpack javascript html react github

来源 | https://github.com/zhedh/react-multi-page-app/

2021-01-07

3.6K0

如何实现一个异步模块加载器

编程算法 webpack 打包 http https

原文链接：https://github.com/youngwind/blog/issues/98

2021-01-05

5960

Webpack的异步加载原理及分包策略(深度好文，建议收藏)

webpack 打包 json javascript vue.js

webpack ensure 有人称它为异步加载，也有人称为代码切割，他其实就是将 js 模块给独立导出一个.js 文件，然后使用这个模块的时候，再创建一个 script 对象，加入到 document.head 对象中，浏览器会自动帮我们发起请求，去请求这个 js 文件，然后写个回调函数，让请求到的 js 文件做一些业务操作。

2020-12-07

4K0

webpack-dev-server 运行原理

webpack 打包 javascript 编程算法

现代 web 开发者们对于 webpack 想必已经很熟悉了，webpack-dev-server 几乎都是标配。但是 webpack-dev-server 背后的运行原理是怎样的呢？想了解 how 我们先看看 what。

2020-11-05

1.2K0

react+electron使应用窗口相互独立

webpack javascript 打包 html react

前两篇文章我们介绍了react+electron构建桌面应用和如何加载本地的静态资源。然后现在有个需求，是要使应用里的弹窗独立于主窗口，今天来实现这个需求。

2020-08-24

1.6K1

简单实用的webpack-html-include-loader（附开发详解）

在单页应用盛行的今天，很多人似乎已经把简单的切图不当做一种技术活了。对于切页面，写静态网站都快要嗤之以鼻了。其实并非如此，写静态页面是前端入门的基本工作，是基本功扎实的体现。而且在工作中，我们也少不了要开发一些静态的官网类网站。我们要做的是想一想如何更好的开发静态页面。

2020-03-31

1.5K0

前端高级进阶：如何更好地优化打包资源

java 打包 webpack 缓存网站

这是山月关于高级前端进阶暨前端工程系列文章的第 M 篇文章 (M 随便打的，毕竟也不知道能写多少篇)，关于前 M-1 篇文章，可以从我的 github repo shfshanyue/blog[1] 中找到，如果点进去的话可以捎带~点个赞~，如果没有点进去的话，那就给这篇文章点个赞。。今天的文章开始了

2020-03-02

1.4K0

Webpack 深入浅出之公司级分享总结(内附完整ppt)

webpack https 网络安全 npm node.js

前段时间，在公司做了个 Webpack 的分享。听众40多人，感觉还不错。所以总结一下，先看一下ppt的目录：

2019-12-21

2.4K4

webpack中的HMR(热更新)原理剖析

webpack 打包 json javascript

Hot Module Replacement（以下简称 HMR）是 webpack 发展至今引入的最令人兴奋的特性之一，当你对代码进行修改并保存后，webpack 将对代码重新打包，并将新的模块发送到浏览器端，浏览器通过新的模块替换老的模块，这样在不刷新浏览器的前提下就能够对应用进行更新。

2019-12-21

1.3K0

提高生产力--让项目配置变为自己专属的脚手架

webpack javascript 打包 rollup.js https

代码不贴了，可以到 create-repo-cli : https://github.com/LuckyWinty/create-repo-cli 参考

2019-12-21

5130

「知识拾遗」Tree-Shaking与构建工具选择

webpack 打包 rollup.js javascript ecmascript

Tree-Shaking，它代表的大意就是删除没用到的代码。这样的功能对于构建大型应用时是非常好的，因为日常开发经常需要引用各种库。但大多时候仅仅使用了这些库的某些部分，并非需要全部，此时Tree-Shaking如果能帮助我们删除掉没有使用的代码，将会大大缩减打包后的代码量。

2019-12-21

5470

前端中的接口聚合

npm http 打包 github webpack

详见：https://github.com/LuckyWinty/ToolLibrary/tree/master/src/RequestCombo

2019-12-21

1.4K0

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态