风舞红枫的个人博客

目录什么是bundle,什么是chunk，什么是module说几个常见的loader说几个常见的pluginloader与plugin有什么区别是否写过loader和plugin？描述一下编写loader或plugin的思路？webpack的构建流程是什么?从读取配置到输出文件这个过程尽量说全.如何提高webpack的构建速度如何利用webpack来优化前端性能使用webpack开发时，你用过哪些可以提高效率的插件？模块热更新了解吗？说明其原理？source map是什么？生产环境怎么用？长缓存 什么是bu

目录前言起步进阶获得loader的options。缓存加速处理二进制数据同步与异步通过this.callback返回其他api 前言 继续沿用webpack4.x入门文章中的文件代码，本文将手写处理console.log的demo，我们希望在引入该loader时页面中的console.log被剔除。 起步 (1)在项目根目录创建一个js文件，命名为replaceConsole-loader.js。 (2)在webpack.common.js中配置该loader。 (3)运行【npm run dev】，当

目录前言环境分离使用mode代码分离使用optimization.splitChunks分离使用动态导入分离懒加载缓存出口文件文件名提取类库模块标识符构建性能总结 前言 很高兴今天还有时间继续学习探讨webpack4.x，本文将接着上一篇的内容继续对webpack4.x深入研究，希望依旧可以和上一篇一样紧跟着敲一遍。 环境分离 开发环境(development)和生产环境(production)的构建目标差异很大。在开发环境中，我们需要具有强大的、具有实时重新加载(live reloading)或热模块替换

目录前言安装起步通过配置文件来使用webpackloaderplugin本地服务热更新HotModuleReplacementPluginsource map总结 前言     本文将会对webpack4.x基础常用配置一一解释，各步骤都有详解截图及注释，建议跟着本文手动搭建一次，相信你会因此对webpack有一定的认识（大佬建议自动略过本文）。 安装 (1)创建package.json文件     首先新建一个空文件夹，用于创