梦殇的博客

本文只是笔者初次学习webpack源码所写（感谢依柳诚提供的阅读webpack源码的思路），供以后精读作目录使用。 vscode debug lib/index.js入口 lib/webpack.js const webpack = require('../lib/index.js') // 直接使用源码中的webpack函数 const config = require('./webpack.config') const compiler = webpack(config) 校验op

const { SyncHook, SyncBailHook, SyncWaterfallHook, SyncLoopHook, AsyncParallelHook, AsyncParallelBailHook, AsyncSeriesHook, AsyncSeriesBailHook, AsyncSeriesWaterfallHook } = require("tapable...

解决方案：详见webpack resolve.module章节 ~默认查找node_modules中包

hash hash是跟整个项目的构建相关，只要项目里有文件更改，整个项目构建的hash值都会更改，并且全部文件都共用相同的hash值 chunkhash chunkhash根据不同的入口文件(Entry)进行依赖文件解析、构建对应的chunk，生成对应的哈希值。我们在生产环境里把一些公共库和程序入口文件区分开，单独打包构建，接着我们采用chunkhash的方式生成哈希值，那么只要我们不改动公共库的...