webpack
7篇文章 · 0订阅
  • 一种前端项目依赖管理的未曾设想的道路
    当前吐槽的 node_modules 的依赖问题，从 2020 年回过头来看，不仅没有解决，反而越来越明显。 解决方法是关注点分离，将业务依赖和工具依赖单独放置，本文针对从这个思路出发开开脑洞
    前端 Webpack
  • 【Webpack 进阶】聊聊 Webpack 热更新以及原理
    模块热替换(hot module replacement 或 HMR)是 webpack 提供的最有用的功能之一。它允许在运行时更新所有类型的模块，而无需完全刷新 一种是页面刷新，不保留页面状态，就是简单粗暴，直接 window.location.reload()。 另一种是基…
    Webpack 前端
    【Webpack 进阶】聊聊 Webpack 热更新以及原理
  • CommonJS和ES6模块的区别
    我们都知道JS模块化的演变经历了一个漫长的过程，从最初的CommonJS ，到后来的AMD和CMD，再到今天的ES6模块化方案。优胜劣汰，对于JS这门语言来说，主要用于Node端的模块化方案CommonJS 活了下来，而ES6推出的模块化方案更是赢得了大家的认可，大有可能成为未…
    ECMAScript 6
  • 【Webpack 进阶】Webpack 打包后的代码是怎样的？
    webpack 是我们现阶段要掌握的重要的打包工具之一，我们知道 webpack 会递归的构建依赖关系图，其中包含应用程序的每个模块，然后将这些模块打包成一个或者多个 bundle。 莫慌，我们一点点拆分开看，其实总体的文件就是一个 IIFE——立即执行函数。 函数的入参 mo…
    前端 Webpack
    【Webpack 进阶】Webpack 打包后的代码是怎样的？
  • Webpack5 新特性业务落地实战
    Webpack5 在 2020 年 10 月 10 日正式发布，并且在过去的几个月中快速演进和迭代，截止 1 月 28 日，Webpack5 已经更新了 18 个 minor 版本，带来了许多十分吸引人的新特性。据官网介绍，Webpack5 整体的方向性变化有以下几点： 最后的…
    前端 Webpack
    Webpack5 新特性业务落地实战
  • 了不起的 Webpack 构建流程学习指南
    Webpack 是前端很火的打包工具，它本质上是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 Webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将…
    Webpack JavaScript
    了不起的 Webpack 构建流程学习指南
  • 以尽可能通俗易懂的方式看懂webpack-dev-server的热更新
    传统开发页面，每次更新的时候需要我们手动刷新浏览器才会更新。自从构建工具横空出世。我们可以通过热更新的方式来进行更新。通称HMR（hot module replacement），也就是模块热替换，当你每次需要更新代码的时候，不在需要手动刷新即可实现效果预览。 探究热更新是怎么实…
    Webpack