Add: useNodeModulesChunk property to voltran config

Author: Cihan SELİM

lib/cli.js

@@ -1,7 +1,7 @@
 import arg from 'arg';
 import fs from 'fs';
 import path from 'path';
-import clc from "cli-color";
+import clc from 'cli-color';
 import { spawn } from 'child_process';
 
 import normalizeUrl from './os';
@@ -19,10 +19,10 @@ function parseArgumentsIntoOptions(rawArgs) {
       '--no-bundle': Boolean,
       '--analyze': Boolean,
       '--port': Number,
-      '--ssr': Boolean,
+      '--ssr': Boolean
     },
     {
-      argv: rawArgs.slice(2),
+      argv: rawArgs.slice(2)
     }
   );
   const argsList = removeUnneccesaryValueInObject({
@@ -32,7 +32,7 @@ function parseArgumentsIntoOptions(rawArgs) {
     noBundle: args['--no-bundle'],
     analyze: args['--analyze'],
     configFile: args['--config'],
-    ssr: args['--ssr'],
+    ssr: args['--ssr']
   });
 
   return argsList;
@@ -65,35 +65,40 @@ function runDevelopmentMode() {
 function runProductionMode(voltranConfigs, onlyBundle) {
   const bundle = require('../src/tools/bundle');
 
-  bundle()
-    .then((res) => {
-      console.log(clc.green('Bundle is completed.\n',`File: ${voltranConfigs.distFolder}/server/server.js`));
+  bundle().then(res => {
+    console.log(
+      clc.green('Bundle is completed.\n', `File: ${voltranConfigs.distFolder}/server/server.js`)
+    );
 
-      if (!onlyBundle) {
-        serve(voltranConfigs);
-      }
-    });
+    if (!onlyBundle) {
+      serve(voltranConfigs);
+    }
+  });
 }
 
 function serve(voltranConfigs) {
   console.log(clc.green('Project Serve is starting...'));
 
-  const out = spawn('node', [
-    '-r',
-    'source-map-support/register',
-    '--max-http-header-size=20480',
-    `${voltranConfigs.distFolder}/server/server.js`
-  ], {env: {'NODE_ENV': 'production', ...process.env}});
+  const out = spawn(
+    'node',
+    [
+      '-r',
+      'source-map-support/register',
+      '--max-http-header-size=20480',
+      `${voltranConfigs.distFolder}/server/server.js`
+    ],
+    { env: { NODE_ENV: 'production', ...process.env } }
+  );
 
-  out.stdout.on('data', (data) => {
+  out.stdout.on('data', data => {
     console.log(data.toString());
   });
 
-  out.stderr.on('data', (data) => {
+  out.stderr.on('data', data => {
     console.error(data.toString());
   });
 
-  out.on('close', (code) => {
+  out.on('close', code => {
     console.log(`child process exited with code ${code}`);
   });
 }
@@ -110,7 +115,6 @@ function checkRequiredVariables(mergeConfigs) {
 }
 
 export function cli(args) {
-  console.log('SELAM');
   const argumentList = parseArgumentsIntoOptions(args);
   console.log(clc.blue(JSON.stringify(argumentList)));
   const voltranConfigs = argumentList.configFile ? getVoltranConfigs(argumentList.configFile) : {};
@@ -121,17 +125,17 @@ export function cli(args) {
   if (isValid) {
     const createdConfig = `module.exports = ${JSON.stringify(mergeAllConfigs)}`;
 
-    fs.writeFile(path.resolve(__dirname, '../voltran.config.js'), createdConfig, function (err) {
+    fs.writeFile(path.resolve(__dirname, '../voltran.config.js'), createdConfig, function(err) {
       if (err) throw err;
 
       console.log('File is created successfully.', mergeAllConfigs.dev);
 
       if (mergeAllConfigs.dev) {
         runDevelopmentMode();
       } else {
-        argumentList.noBundle ?
-          serve(voltranConfigs) :
-          runProductionMode(mergeAllConfigs, argumentList.bundle);
+        argumentList.noBundle
+          ? serve(voltranConfigs)
+          : runProductionMode(mergeAllConfigs, argumentList.bundle);
       }
     });
   } else {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "voltranjs",
-  "version": "1.2.0-beta.7",
+  "version": "1.2.0-beta.11",
   "main": "src/index.js",
   "author": "Hepsiburada Technology Team",
   "bin": {

src/universal/utils/baseRenderHtml.js

@@ -1,7 +1,8 @@
+import { QUERY_PARAMS } from './constants';
+
 const appConfig = require('__APP_CONFIG__');
 const assets = require('__ASSETS_FILE_PATH__');
 const voltranConfig = require('../../../voltran.config');
-import { QUERY_PARAMS } from './constants';
 
 const assetsBaseUrl = !appConfig.mediaUrl ? appConfig.baseUrl : '';
 const assetsPrefix = appConfig.mediaUrl.length ? appConfig.mediaUrl : appConfig.baseUrl;
@@ -41,6 +42,20 @@ if (process.env.NODE_ENV === 'production') {
   });
 }
 
+const getSplitChunks = () => {
+  const chunks =
+    voltranConfig?.splitChunkNames?.filter(chunk => `${assetsBaseUrl}${assets?.[chunk]?.js}`) || [];
+
+  if (chunks?.length > 0) {
+    return chunks?.map(chunk => ({
+      src: `${assetsBaseUrl}${assets?.[chunk]?.js}`,
+      isAsync: false
+    }));
+  }
+
+  return [];
+};
+
 const getScripts = (name, subComponentFiles) => {
   const subComponentFilesScripts = subComponentFiles?.scripts;
   const scripts = [
@@ -51,7 +66,8 @@ const getScripts = (name, subComponentFiles) => {
     {
       src: `${assetsBaseUrl}${assets?.[name]?.js}`,
       isAsync: false
-    }
+    },
+    ...getSplitChunks()
   ];
   const mergedScripts =
     subComponentFilesScripts?.length > 0 ? scripts.concat(subComponentFiles.scripts) : scripts;