webpack
98篇文章 · 0订阅
  • Webpack学习－工作原理（下）
    继上篇文章介绍了Webpack的基本概念，完整流程，以及打包过程中广播的一些事件的作用，这篇文章主要讲生成的chunk文件如何输出成具体的文件。分同步和异步两种情况来分析输出的文件使用的webpack版本：3.8.0。 经webpack打包会生成两个文件0.bundle.js和…
    Webpack
  • 实现自定义 Webpack Loader
    以上实现的自定义 loader，比较基础，属于入门级。
    Webpack
  • webpack 中如何自定义loader
    webpack是一个打包模块化JavaScript的工具，它会从入口模块出发，识别出源码中的模块化导入语句，递归地找出入口文件的所有依赖，将入口和其所有的依赖打包到一个单独的文件中。什么是loader
    Webpack
  • 使用webpack5从0到1搭建一个react项目
    在这之前，每开始一个新项目我都是使用现有的脚手架，这非常便于快速地启动一个新项目，而且通用的脚手架通常考虑地更加全面，也有利于项目的稳定开发；不过对于一个小项目，根据需求自己搭建可能会更好，一方面小项目不需要脚手架那么丰富的功能，另一方面可以提高对项目的掌控度以方便后期的扩展。…
    Webpack
  • 体验webpack5个人总结
    经过上手使用，webpack5打包体积大小，持续编译速度都有很不错的提升，对webpack4兼容也很平缓，Module Federation也对项目中如何使用微型前端应用提供一种解决方案。如果升级过程中有遇不兼容的情况，可以去webpack5变更日志上查阅。 在webpack5…
    Webpack
  • Webpack学习－Plugin
    在Webpack学习－工作原理（上）一文中我们就已经介绍了Plugin的基本概念，同时知道了webpack其实很像一条生产线，要经过一系列处理流程后才能将源文件转换成我们理想的输出结果。而webpack构建过程中，会在特定的时机广播对应的事件，插件可以监听这些事件的发生，Plu…
    Webpack
  • Webpack 原理系列六： 彻底理解 Webpack 运行时
    本文继续剖析 Webpack 的实现原理，主要内容：ChunkGraph 构建完毕后，Webpack 接下来会做什么事情？什么是运行时？如何收集运行时依赖？
    Webpack
    Webpack 原理系列六： 彻底理解 Webpack 运行时
  • 做了一夜动画，让大家十分钟搞懂Webpack
    做了一夜动画，让大家十分钟搞懂Webpack 一、什么是webpack webpack是一个打包工具，他的宗旨是一切静态资源皆可打包。 二、原理分析 首先我们通过一个制作一个打包文件的原型。 假设有两
    前端 Webpack
  • 聊聊 webpack 异步加载（一）：webpack 如何加载拆包后的代码
    前端代码在使用​webpack​进行打包时，经常会做两种优化：把稳定的库代码（如​react​、​antd​等）与业务代码分离，业务代码的更改不影响用户本地的库代码缓存，同时也把一个大文件拆分成多个文
    Webpack
  • 揭秘webpack按需加载原理
    当页面中一个文件过大并且还不一定用到的时候，我们希望在使用到的时才开始加载，这就是按需加载。要实现按需加载，我们一般想到的方法：动态创建script标签，并将src属性指向对应的文件路径。但是在实现过程中，存在下面问题： ​ webpcak 的按需加载已经完美解决了上述问题…
    Webpack