NamedIdChunkEntryModuleWebpackPlugin

使用场景

多页面(MPA)项目中，固定moduleId、chunkId. 增减entry后,其他页面build仍有diff

安装方式

npm i namedid-chunk-entrymodule-webpack-plugin

使用方式

const NamedIdChunkEntryModuleWebpackPlugin = require("namedid-chunk-entrymodule-webpack-plugin ");

module.exports = {
  plugins: [
    new NamedIdChunkEntryModuleWebpackPlugin(),
  ]
}

问题分析

webpack调用页面js有引导模块; entry为多页面时每个页面的引导模块id为对应页面的索引(0,1,2...);固定moduleId及chunkId的插件对引导模块不生效!

解决方案

固定entryModule.id为name值 代码: chunk.entryModule.id=chunk.name