无分类 webpack优化之玩转代码分割和公共代码提取 开发多页应用的时候,如果不对webpack打包进行优化,当某个模块被多个入口模块引用时,它就会被打包多次(在最终打包出来的某几个文件里,它们都会有一份相同的代码)。当项目业务越来越复杂,打包出来的代码会非常冗余,文件体积会非常庞大。大体积文件会增加编译时间,影响开发效率;如果直接上线,还会拉长请求和加载…
javascript 2020-年开启现代库的基建学习-从项目演进看前端工程化发展 在我的课程 前端开发核心知识进阶 的结束语:《大话社区和一个程序员的自我修养》中,我提到了西班牙语里,有一个很特别的的词语叫做 “Sobremesa”。它专指「吃完饭后,大家在饭桌上意犹未尽交谈的那段短暂而美好时光」。因此在课程最后一节,我不再去讲解“很干很硬”的知识点,相反地,我讲述了如何保持社区礼仪,积极融…
javascript 细说webpack-6-Babel的使用 在 webpack 中编写 JavaScript 代码,可以使用最新的 ES 语法,而最终打包的时候,webpack 会借助 Babel 将 ES6+语法转换成在目标浏览器可执行 ES5 语法。所以 Babel 是一个重要的知识点需要掌握。
无分类 如何架构一个中后台项目的前端部分webpack-接口配置篇 当我们的前端项目完成了技术选型阶段后,接下来所要做的便是项目的构建和配置。虽然说用脚手架能够帮助我们完成基本的目录构建和一些基础配置,但是其他很多实用的功能及特殊配置都需要自己动手实践,根据实际场…
无分类 webpack系列浅析webpack的原理 现在随着前端开发的复杂度和规模越来越大,鹰不能抛开工程化来独立开发,比如:react的jsx代码必须编译后才能在浏览器中使用,比如sass和less代码浏览器是不支持的。如果摒弃这些开发框架,开发效率会大幅下降。
javascript packagejson-中-你还不清楚的-browsermodulemain-字段优先级 前端开发中使用到 npm 包那可算是家常便饭,而使用到 npm 包总免不了接触到 package.json 包配置文件。