webpack

图片,vue 中有这样一张响应式系统的流程图，vue 会将模板语法编译成 render 函数，通过 render 函数渲染生成 Virtual dom，但是官方并没有对模板编译有详细的介绍，这篇文章带...

当前，前端社区用 Vite 替代 Webpack 的呼声正日趋高涨。但对于长期维护的业务项目，很多同学可能仍然对上车存有疑虑——Vite 真的足够支撑非玩具级的项目吗?为此本文会分享一个实际案例，介绍...

,JavaScript 工具的未来将离 JavaScript 越来越远，一些工具（如 Webpack 和 Babel）的重要性正在日益下降。为什么？,目前已经证明一些语言（如 Rust、Go 甚至 Z...

,有时候使用npm上的包，发现有bug，我们知道如何修改，但是别人可能一时半会没法更新，或者是我们特殊需求，别人不愿意修改，这时候我们只能自己动手丰衣足食。一般常用办法有两个：,这两个办法的缺陷就是...

身为一位前端工程师或多或少都有听过 Webpack 这套前端打包工具吧，为了让最终打包的档案不会过于庞大，Webpack 可是下了非常多的苦功，例如：利用 Code Splitting 产出一个又一个...

说起前端构建，大家一定首先想到 Webpack，确实它是前端构建的老大哥了，大而全，什么场景都能满足，社区生态爆炸。但是社区里也有许多其他优秀的构建工具，他们或许不如 Webpack 那样“包治百病...

​译者 | 布加迪,审校 | 孙淑娟,与许多大规模公司一样，随着代码库不断变大，爱彼迎也在打包工具方面经历了阵痛。即使代码库增至四倍，爱彼迎在2018年将JavaScript代码打包工具从Webpac...

​​​​一 引言 Webpack 最初是为了解决前端模块化以及使用 Node.Js 生态的问题而出现，在过去的 8 年时间里，Webpack 的能力越来越强大。 ​​ ​​ 但因为多了打包构建这...

rollup在业务中基本很少会有接触到，通常在我们的业务中大部分接触的脚手架，或者自己搭建项目中，我们都是用webpack，无论是vue-cli，还是react-create-app他们都是基于web...

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

用过 webpack 的都知道，webpack 的 sourcemap 配置是比较麻烦的，比如这两个配置的区别：,是不是分不清楚？,其实它是有规律的。,你把配置写错的时候，webpack 会提示你一个...

我们都知道，现在属于前端工程化时代，前端工程化对于我们前端开发来说，是非常重要的。 但是小庄觉得自己对于前端工程化 了解还 是不足的，还有很多需要学习的地方。,故这一节，小庄打算就来带大家一起好好认识...

大家好，我是 CUGGZ。,10 月 25 日，Next.js 13 正式发布。同时，Vercel 还推出并开源了下一代打包工具：Turbopack。Turbopack 是针对 JavaScript ...

,Webpack是一个前端资源模块化管理和打包工具，它可以将多种静态文件（图片、CSS、JS等）视为模块，通过各种插件对这些模块进行加载、转换、分块并最终输出到合适的位置。Webpack以其高度的可配...

最近有幸在前端团队里面做了一次关于 webpack 的技术分享。在分享的准备过程中，为了能让大家更好的理解 webpack，特意对市面上以前和现在流行的构建工具做了一个梳理总结。在整理和分享的过程中...

作者在开发过程中，有遇到以下此场景:,PM：请把关于出价场景的逻辑优化下，在出价前进行判断是否命中风控。,FE：安排。,在开发过程中，经常会通过搜索关键词来快速找到对应文件。此次也不例外，当在代码仓库...

使用webpack打包躲不开的就是​​webpack优化​​这个话题，无论是面试还是实际开发，优化都是非常重要的事情，毕竟提升用户体验是我们前端工程师的职责。,首先就是构建时间的优化了,多进程打包，可...

,大家好，我卡颂。,在最近发布的Node v18.6.0中，带来了一个试验特性ESM Loader Hooks API[1]。,如果他最终落地，很可能会成为改变前端工程化未来的特性。本文我们来聊聊他...

最近在开发一个低代码平台，主要用于运营搭建 H5 活动。这中间涉及到第三方组件的开发，而第三方组件想要接入平台，需要经过我们特定的打包工具来build。构建之后的组件，会合并成单个的 js 文件，而且...

至于平时开发为什么需要 mock 数据，应该大多数的同学都非常清楚了；如果前后端同步开发的话，少不了这一步，在需求评审，技术评估等流程通过后，前后端就会约定接口 api 的字段（但是在部分公司可能会少...

,在这篇文章中，我将从三个方面分享一些我常用的技巧：,提高速度,多线程可以提高程序的效率，我们也可以在 Webpack 中使用。而thread-loader是一个可以在Webpack中启用多线程的加载...