| 导语 2020 年 10 月 10 日，webpack5 正式发布，并带来了诸多重大的变更，将会使前端的构建效率与质量大为提升。其实现在各大博客网站已经有很多关于 webpack5 的文章，但真正通过业务实践并获得第一手数据的并不多，所以今...

导Lead语如今的前端早已不再拘泥于满足页面展示，而是开始延展到通过全栈来闭环产品。这表明前端已经有能力透过业务深入产业，继而影响商业结果。这种表象的改变背后是本质的转变，从更为宏观的角度来说，前端正在通过持续的...

01首先说说sourceMap说起sourceMap大家肯定都不陌生，随着前端工程化的演进，我们打包出来的代码都是混淆压缩过的，当源代码经过转换后，调试就成了一个问题。在浏览器中调试时，如何判断原始代码的位置？为了解决这个问题，google...

引言对外网站前端静态资源一般都会部署在 CDN 上， CDN 可以减少资源请求时间，进而减少页面首屏时间。然而是否想过，有一天 CDN 也会被封禁而无法访问，不用怀疑，触不及防我们就会遇到。这个问题的严重程度导致网站统一一片...

在业务中，我们常常会遇到一个场景：同一套web业务代码要在多平台下执行其对应的不同职能。这样很容易出现两个问题：代码里“尸横遍野”的环境判断和分支，提高了代码维护难度；执行环境下载了其他环境的功能代码，造成了资源的...

大会概述2019年11月16日，首届TWeb Conf前端大会在深圳科兴国际会议中心成功举办。大会现场参会人员近500人，线上直播课程报名人数近200人。通过公众号、知乎、掘金、KM等渠道推广，累计曝光近10W。TWeb Conf是由腾讯Web前...

最近在进行Webpack5学习时，学习到HMR，也就是模块热替换，也叫模块热更新的时候，遇到了一个问题。

在项目上线之前，我们需要将整个项目打包并发布。 A.配置package.json "scripts":{ "dev":"webpack-dev-server", "build":"webpack -p" } B.在项目打包之前，可以将dist目录删除，生成全新......

webpack 是前端的一个项目构建工具，它是基于 Node.js 开发出来的一个前端工具；

0配置，webpack4受Parcel打包工具启发，尽可能的让开发者运行项目的成本变低。webpack4不再强制需要webpack.config.js作为打包的入口配置文件，默认的入口为./src/和默认的出口./dist,小项目的福音。...