webpack
17篇文章 · 0订阅
  • 微前端实践--webpack5模块联邦
    webpack5推出一个新功能叫module federation,意为模块联邦，它提供了一套在不同项目构建之间模块的调度、运行机制。很像微前端，但又不限于此。本文结合案例介绍它的基本应用和原理
    前端
    微前端实践--webpack5模块联邦
  • 轻松搞定 webpack loader （基础>>>深入）
    我们根据三个问题深入学习 loader 。 什么是 loader ，它能干什么? 为什么需要 loader ? 如何使用 loader ，有哪些要掌握的核心?
    Webpack JavaScript
    轻松搞定 webpack loader （基础>>>深入）
  • 轻松理解webpack热更新原理
    一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…
    Webpack 前端
    轻松理解webpack热更新原理
  • 你不知道的「pitch loader」应用场景
    「图文并貌」 探索Webpack团队设计Pitch Loader的含义，从Loader的设计哲学带你掌握Pitch Loader的真实应用场景。
    Webpack 前端
    你不知道的「pitch loader」应用场景
  • 【Webpack进阶】Loader深入解析
    Webpack是如今前端离不开的话题和工具，相信不少同学都曾经感受过被webpack支配的恐惧，但是去深入理解它，可能是脱离苦海的第一步。 在webpack的体系里，loader和plugin无疑是最核心的组成部分，本文会结合webpack的运行机制，介绍loader和plug…
    Webpack
    【Webpack进阶】Loader深入解析
  • 【Webpack进阶】less-loader、css-loader、style-loader实现原理
    在上一篇文章【Webpack进阶】Loader深入解析中，探索了Loader的原理和运行机制，本文会通过介绍常见样式loader的作用和实现，加深对loader的理解。 下面我们来逐一探讨。 Less是CSS预处理语言，扩展了CSS语言，增加了变量、Mixin、函数等特性，Le…
    Webpack
  • 面试官：webpack原理都不会？
    前一段时间我把webpack源码大概读了一遍，webpack 到4.x版本后，其源码已经比较庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。 过度分析源码对于大家并没有太大的帮助。本文主要是想通过分析webpack的构建流程以及实现一个简单的webpack来让大家对we…
    Webpack
    面试官：webpack原理都不会？
  • 三十分钟掌握Webpack性能优化
    Webpack是现在主流的功能强大的模块化打包工具，在使用Webpack时，如果不注意性能优化，有非常大的可能会产生性能问题，性能问题主要分为开发时打包构建速度慢、开发调试时的重复性工作、以及输出文件质量不高等，因此性能优化也主要从这些方面来分析。本文主要是根据自己的理解对《深…
    React.js JavaScript Webpack
  • 一步一步的了解webpack4的splitChunk插件
    webpack4出了两个月，发现大家包括我对splitChunk的使用都还是在摸索阶段。我也看了挺多别人的配置demo，都觉得不太满意或者没得到太好的解惑，issue 下面的问题也没什么人回复，只能自己操作了，顺便记录下来，如果大家有更好的，欢迎评论区留下地址。 maxAsyn…
    React.js JavaScript 前端
    一步一步的了解webpack4的splitChunk插件
  • webpack 应用编译优化之路
    现在越来越多的项目都使用 ES2015+ 开发，并且搭配 webpack + babel 作为工程化基础，并通过 NPM 去加载第三方依赖库。同时为了达到代码复用的目的，我们会把一些自己开发的组件库或者是 JSSDK 抽成独立的仓库维护，并通过 NPM 去加载。
    Webpack Babel NPM