依赖图 和 依赖清单
依赖图(Dependency Graph)
插件webpack-bundle-analyzer可以支持:对从入口文件开始解析所有依赖,递归的生成依赖图,每块图代表一个chunk,会展示它的打包大小和原来的大小,便于全局查看打包的资源大小
const { WebpackBundleAnalyzer } = require('webpack-bundle-analyzer')
let plugins = [
new WebpackBundleAnalyzer()
]
// 在终端执行 npm run server的时候,会可视化 依赖图
依赖清单(manifest.json)
manifest.json记录了webpack是如何打包的当前项目,并生成的资源的映射文件。比如项目A用webpack打包了资源并生成资源目录和manifest.json文件,那么项目B可以通过webpack直接的载入 manifest.json 文件,而能够直接的引入A打包后的资源,并且这个过程无法对 A生成资源目录 进行任何操作,甚至文件都不需要移动。
这在Dll的时候非常有用