feat: use .lazy prefix for browser loaded JS lazy components

nolimits4web · nolimits4web · commit d419269d3c9e · 2021-10-05T13:26:35.000+03:00
diff --git a/scripts/build-core-lazy-components.js b/scripts/build-core-lazy-components.js
@@ -244,7 +244,7 @@ function buildLazyComponentsJs(components, cb) {
         fileContent = `(${fileContent}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))`;
 
         fs.writeFileSync(
-          `${output}/components/${fileName.split('.js')[0]}/${fileName.replace('.js', '.umd.js')}`,
+          `${output}/components/${fileName.split('.js')[0]}/${fileName.replace('.js', '.lazy.js')}`,
           `${fileContent}\n`,
         );
 
diff --git a/src/core/components/app/load-module.js b/src/core/components/app/load-module.js
@@ -41,7 +41,7 @@ function loadModule(moduleToLoad) {
           );
           return;
         }
-        modulePath = `${app.params.lazyModulesPath}/${moduleToLoad}/${moduleToLoad}.js`;
+        modulePath = `${app.params.lazyModulesPath}/${moduleToLoad}/${moduleToLoad}.lazy.js`;
       } else {
         modulePath = moduleToLoad;
       }
@@ -134,7 +134,9 @@ function loadModule(moduleToLoad) {
       });
       const styleLoad = new Promise((resolveStyle) => {
         Framework7.request.get(
-          modulePath.replace('.js', app.rtl ? '.rtl.css' : '.css'),
+          modulePath
+            .replace('.lazy.js', app.rtl ? '.rtl.css' : '.css')
+            .replace('.js', app.rtl ? '.rtl.css' : '.css'),
           (styleContent) => {
             const styleEl = document.createElement('style');
             styleEl.innerHTML = styleContent;
