123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 |
- "use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- var _webpack = require("next/dist/compiled/webpack/webpack");
- var _path = _interopRequireDefault(require("path"));
- function _interopRequireDefault(obj) {
- return obj && obj.__esModule ? obj : {
- default: obj
- };
- }
- function getModuleId(compilation, module) {
- return compilation.chunkGraph.getModuleId(module);
- }
- function getModuleFromDependency(compilation, dep) {
- return compilation.moduleGraph.getModule(dep);
- }
- function getOriginModuleFromDependency(compilation, dep) {
- return compilation.moduleGraph.getParentModule(dep);
- }
- function getChunkGroupFromBlock(compilation, block) {
- return compilation.chunkGraph.getBlockChunkGroup(block);
- }
- function buildManifest(_compiler, compilation, pagesDir, dev) {
- // If there's no pagesDir, output an empty manifest
- if (!pagesDir) {
- return {};
- }
- let manifest = {};
- // This is allowed:
- // import("./module"); <- ImportDependency
- // We don't support that:
- // import(/* webpackMode: "eager" */ "./module") <- ImportEagerDependency
- // import(`./module/${param}`) <- ImportContextDependency
- // Find all dependencies blocks which contains a `import()` dependency
- const handleBlock = (block)=>{
- block.blocks.forEach(handleBlock);
- const chunkGroup = getChunkGroupFromBlock(compilation, block);
- for (const dependency of block.dependencies){
- if (dependency.type.startsWith("import()")) {
- // get the referenced module
- const module = getModuleFromDependency(compilation, dependency);
- if (!module) return;
- // get the module containing the import()
- const originModule = getOriginModuleFromDependency(compilation, dependency);
- const originRequest = originModule == null ? void 0 : originModule.resource;
- if (!originRequest) return;
- // We construct a "unique" key from origin module and request
- // It's not perfect unique, but that will be fine for us.
- // We also need to construct the same in the babel plugin.
- const key = `${_path.default.relative(pagesDir, originRequest)} -> ${dependency.request}`;
- // Capture all files that need to be loaded.
- const files = new Set();
- if (manifest[key]) {
- // In the "rare" case where multiple chunk groups
- // are created for the same `import()` or multiple
- // import()s reference the same module, we merge
- // the files to make sure to not miss files
- // This may cause overfetching in edge cases.
- for (const file of manifest[key].files){
- files.add(file);
- }
- }
- // There might not be a chunk group when all modules
- // are already loaded. In this case we only need need
- // the module id and no files
- if (chunkGroup) {
- for (const chunk of chunkGroup.chunks){
- chunk.files.forEach((file)=>{
- if ((file.endsWith(".js") || file.endsWith(".css")) && file.match(/^static\/(chunks|css)\//)) {
- files.add(file);
- }
- });
- }
- }
- // usually we have to add the parent chunk groups too
- // but we assume that all parents are also imported by
- // next/dynamic so they are loaded by the same technique
- // add the id and files to the manifest
- const id = dev ? key : getModuleId(compilation, module);
- manifest[key] = {
- id,
- files: Array.from(files)
- };
- }
- }
- };
- for (const module1 of compilation.modules){
- module1.blocks.forEach(handleBlock);
- }
- manifest = Object.keys(manifest).sort()// eslint-disable-next-line no-sequences
- .reduce((a, c)=>(a[c] = manifest[c], a), {});
- return manifest;
- }
- class ReactLoadablePlugin {
- constructor(opts){
- this.filename = opts.filename;
- this.pagesDir = opts.pagesDir;
- this.runtimeAsset = opts.runtimeAsset;
- this.dev = opts.dev;
- }
- createAssets(compiler, compilation, assets) {
- const manifest = buildManifest(compiler, compilation, this.pagesDir, this.dev);
- // @ts-ignore: TODO: remove when webpack 5 is stable
- assets[this.filename] = new _webpack.sources.RawSource(JSON.stringify(manifest, null, 2));
- if (this.runtimeAsset) {
- assets[this.runtimeAsset] = new _webpack.sources.RawSource(`self.__REACT_LOADABLE_MANIFEST=${JSON.stringify(manifest)}`);
- }
- return assets;
- }
- apply(compiler) {
- compiler.hooks.make.tap("ReactLoadableManifest", (compilation)=>{
- // @ts-ignore TODO: Remove ignore when webpack 5 is stable
- compilation.hooks.processAssets.tap({
- name: "ReactLoadableManifest",
- // @ts-ignore TODO: Remove ignore when webpack 5 is stable
- stage: _webpack.webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS
- }, (assets)=>{
- this.createAssets(compiler, compilation, assets);
- });
- });
- }
- }
- exports.ReactLoadablePlugin = ReactLoadablePlugin;
- //# sourceMappingURL=react-loadable-plugin.js.map
|