前端工程化
24篇文章 · 0订阅
  • 二十张图片彻底讲明白Webpack设计理念，以看懂为目的
    Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。
    前端 架构 JavaScript
    二十张图片彻底讲明白Webpack设计理念，以看懂为目的
  • 【npm私有化部署】手把手教你使用Verdaccio搭建私有化npm
    Verdaccio是一个 Node.js创建的轻量的私有npm代理注册源（proxy registry）。使用像 Verdaccio 这样的私有 npm 注册中心是 10 大 NPM 安全最佳之一做法
    NPM
    【npm私有化部署】手把手教你使用Verdaccio搭建私有化npm
  • 一文搞懂SourceMap以及webpack devtool
    本文将介绍 SourceMap 的作用、简单工作原理以及 webpack 中不同 devtool 所构建的SourceMap有何区别，以及如何选择最合适的devtool，希望对大家有所帮助
    前端
    一文搞懂SourceMap以及webpack devtool
  • 分享来新公司半年做的优化
    22年7月入职了现在的公司。记录一下在公司做的前端代码优化，如果你也遇到了同样的问题，希望可以帮助到你,或者可以在评论区进行交流。
    前端
    分享来新公司半年做的优化
  • Tapable，看这一篇就够了
    「万字解析」详解 Tapable 核心工作机制，Webpack Plugin 必备前置知识解读。从原理玩转 Webpack ，真正精通所谓工程化前端。
    前端 Webpack
    Tapable，看这一篇就够了
  • 【Webpack】异步加载(懒加载)原理
    本文是 从零到亿系统性的建立前端构建知识体系✨ 中的第二篇，整体难度 ⭐️⭐️。 承接上文（从构建产物洞悉模块化原理），本文将继续从分析构建产物出发，探索 Webpack 中异步加载（懒加载）的原理
    前端 Webpack 前端框架
    【Webpack】异步加载(懒加载)原理
  • 一文了解js中导入模块import、import()和require()的区别
    JavaScript中，模块是一种可重用的代码块，它将一些代码打包成一个单独的单元，并且可以在其他代码中进行导入和使用。本文将详细介绍用import导入模块和用require导入模块的区别。
    JavaScript
    一文了解js中导入模块import、import()和require()的区别
  • 从构建产物洞悉模块化原理
    本文将从前端模块化的发展历史出发，逐步探讨`CommonJS`规范 和 `ES Module`规范之间的异同，最后将深入模块化内部原理进行多维度剖析，彻底弄懂 Web环境下 `Webpack` 是如何
    前端 架构 JavaScript
    从构建产物洞悉模块化原理
  • Webpack深度进阶：两张图彻底讲明白热更新原理！
    在现如今，热更新早已成为前端基建中不可或缺的一环，它可以在不刷新整个页面的情况下更新页面中的部分内容，从而提高开发效率，优化开发体验。然而，在实际面试的过程中，笔者发现 80% 的人并不清楚这其中的设
    前端 架构 JavaScript
    Webpack深度进阶：两张图彻底讲明白热更新原理！
  • webpack配置环境变量
    在实际项目开发中，需要基于多种环境去设置不同的环境变量以便于在构建阶段或是运行阶段去使用，例如常见的通过process.env.NODE_ENV在构建时去判断当前的构建环境是development还是production，例如需要在开发环境、测试环境和生产环境去访问不同的接口服…
    Webpack