webpack
8篇文章 · 0订阅
  • 了不起的 Webpack HMR 学习指南（含源码分析）
    Hot Module Replacement（以下简称：HMR 模块热替换）是 Webpack 提供的一个非常有用的功能，它允许在 JavaScript 运行时更新各种模块，而无需完全刷新。 当我们修改代码并保存后，Webpack 将对代码重新打包，HMR 会在应用程序运行过程…
    Webpack
    了不起的 Webpack HMR 学习指南（含源码分析）
  • 从零学习webpack4.0模块打包工具
    首先webpack是一个基于nodejs的打包工具，使用webpack，可以使我们的代码耦合度降低。拆分成模块化开发。 以前我们操作dom，需要把js代码全部写在一起，但是这样很不容易管理和维护，所以出现了webpack我们可以将文件按需导入和导出，用webpack会帮我们根据…
    Webpack
  • 「吐血整理」再来一打Webpack面试题
    本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做…
    面试 Webpack
    「吐血整理」再来一打Webpack面试题
  • 『Webpack系列』—— SplitChunks插件用法详解
    SplitChunks插件是什么呢，简单的来说就是Webpack中一个提取或分离代码的插件，主要作用是提取公共代码，防止代码被重复打包，拆分过大的js文件，合并零散的js文件。 提到前端优化，提取公共代码是必不可少的手段。在Webpack出现前，提取公共代码是人为去处理，而Sp…
    Webpack
    『Webpack系列』—— SplitChunks插件用法详解
  • 总结18个webpack插件，总会有你想要的！
    何为插件(Plugin)？专注处理 webpack 在编译过程中的某个特定的任务的功能模块，可以称为插件。
    前端 Webpack
    总结18个webpack插件，总会有你想要的！
  • webpack详解
    webpack是现代前端开发中最火的模块打包工具，只需要通过简单的配置，便可以完成模块的加载和打包。那它是怎么做到通过对一些插件的配置，便可以轻松实现对代码的构建呢？ Plugins：Loaders将各类型的文件处理成webpack能够处理的模块，plugins有着很强的能力。…
    JavaScript 前端 Promise
  • 『Webpack系列』—— 路由懒加载的原理
    说起路由懒加载，大家很快就知道怎么实现它，但是问到路由懒加载的原理，怕有一部分小伙伴是一头雾水了吧。下面带大家一起去理解路由懒加载的原理。 路由懒加载也可以叫做路由组件懒加载，最常用的是通过import()来实现它。 然后通过Webpack编译打包后，会把每个路由组件的代码分割…
    Webpack
    『Webpack系列』—— 路由懒加载的原理
  • 【webpack配置工程师】系列一（核心概念篇）
    webpack 可以把它理解为一款工具，一款帮助我们打包的工具，也可以称之为前端构建工具。 简单来说 webpack 做的事情就是将一些特别复杂且浏览器无法识别东西，通过 webpack 编译、打包后，生成了浏览器可以识别的静态资源。 我们需要做的就是在配置文件中写好配置，然后…
    Webpack