qq_41648408的博客

自定义loader Loader是用于对模块的源码进行转换处理的 loader本质上是一个导出为函数的JavaScript模块 loader runner库调用这个函数，然后将上一个laoder产生的结果或者资源文件传入进去； 所有的内容在经历过loader之后都必须转化为javascript字符串 content ： 读取到的相关模块文件 Mate: 即一些 元素参数需要传入的 /* selfloader.js >> */ // 这个了loader被称之为normalloa

自定义plugin Table与webpack webpack中有Compile和Compilation，他们通过插件注入的方式监听webpack的生命周期 Table这个库存在着各种个样的Hook实例，这个hook就可以帮助我们监听webpack生命周期 同步 const {SyncHook, SyncBailHook, SyncLoopHook, SyncWaterfallHook} = require("tapable"); class test { constructor(){

第一步，在 webpack 的 watch 模式下，文件系统中某一个文件发生修改，webpack 监听到文件变化，根据配置文件对模块重新编译打包，并将打包后的代码通过简单的 JavaScript 对象保存在内存中。 第二步是 webpack-dev-server 和 webpack 之间的接口交互，而在这一步，主要是 dev-server 的中间件 webpack-dev-middleware 和 webpack 之间的交互，webpack-dev-middleware 调用 webpack 暴露的 A..