From 84f86da2faab3af73e3a55ab576ca14a0d38259e Mon Sep 17 00:00:00 2001 From: Arpit Chakladar <54011232+arpitchakladar@users.noreply.github.com> Date: Mon, 27 Mar 2023 08:37:44 +0530 Subject: Automatic conversion of import statements into dynamic imports. --- config/webpack/loader/dynamic-imports-loader.js | 31 +++++++++++++++++++++++++ 1 file changed, 31 insertions(+) create mode 100644 config/webpack/loader/dynamic-imports-loader.js (limited to 'config/webpack/loader/dynamic-imports-loader.js') diff --git a/config/webpack/loader/dynamic-imports-loader.js b/config/webpack/loader/dynamic-imports-loader.js new file mode 100644 index 0000000..06f9704 --- /dev/null +++ b/config/webpack/loader/dynamic-imports-loader.js @@ -0,0 +1,31 @@ +const { ImportManager } = require("import-manager"); +const { getFileNameHash } = webpackRequire("utils/file-name-hash"); + +const sharedModules = webpackRequire("utils/shared-modules.js"); + +module.exports = source => { + const manager = new ImportManager(source); + + let modified = false; + + for (const unit of manager.imports.es6.units) { + const moduleIndex = sharedModules.indexOf(unit.module.name); + if (moduleIndex >= 0 && unit.type === "es6") { + const importedModuleNames = unit.members.entities + .map(entity => `\t${entity.name}`) + .concat(unit.defaultMembers.entities.map(entity => `\tdefault: ${entity.name}`)) + .join(",\n"); + + const importStatement = `const {\n${importedModuleNames}\n} = await import(/* webpackIgnore: true */ "/shared/${getFileNameHash(sharedModules[moduleIndex])}.js");\n`; + + unit.methods = { + makeUntraceable() {} + }; + manager.remove(unit); + manager.insertStatement(importStatement, "bottom", "dynamic"); + modified = true; + } + } + + return modified ? manager.code.toString() + "\nexport {};" : source; +}; -- cgit v1.2.3