@zohodesk/react-cli 1.1.19-exp.1 → 1.1.19-exp.3

package/lib/pluginUtils/configHtmlWebpackPlugins.js

@@ -26,6 +26,12 @@ const defaultHTMLMiniFyOption = {
   removeStyleLinkTypeAttributes: true,
   useShortDoctype: true
 };
+const defaultScriptLoadingStrategy = 'defer';
+
+function getScriptLoadingStrategy(scriptLoadingStategey) {
+  const allowedScriptLoadingStrategies = ['blocking', 'defer'];
+  return allowedScriptLoadingStrategies.includes(scriptLoadingStategey) ? scriptLoadingStategey : defaultScriptLoadingStrategy;
+}
 
 function configHtmlWebpackPlugins(plugins, {
   enableChunkHash = false,
@@ -33,7 +39,8 @@ function configHtmlWebpackPlugins(plugins, {
   inject,
   crossorigin,
   hasEFC,
-  minify: minifyHtmlOptions = false
+  minify: minifyHtmlOptions = false,
+  scriptLoadingStrategey
 }) {
   const optionsHtmlWebpack = {
     chunksSortMode: 'none',
@@ -44,7 +51,7 @@ function configHtmlWebpackPlugins(plugins, {
     // ? minifyHtmlOptions
     // : minifyHtmlOptions,,
     templateParameters: _common.templateParameters,
-    scriptLoading: 'defer',
+    scriptLoading: getScriptLoadingStrategy(scriptLoadingStrategey),
     inject: inject
   };
 

package/lib/pluginUtils/getDevPlugins.js

@@ -60,7 +60,8 @@ const getDevPlugins = (options, publicPath) => {
         mode
       },
       htmlTemplate: {
-        inject
+        inject,
+        scriptLoadingStrategey
       },
       crossorigin
     },
@@ -166,7 +167,8 @@ const getDevPlugins = (options, publicPath) => {
     minify: false,
     inject,
     crossorigin,
-    hasEFC
+    hasEFC,
+    scriptLoadingStrategey
   });
 
   if (hasEFC) {

package/lib/pluginUtils/getProdPlugins.js

@@ -78,7 +78,8 @@ const getProdPlugins = (options, publicPath = '') => {
   } = options.app;
   const {
     inject,
-    minify: minifyHtmlOptions
+    minify: minifyHtmlOptions,
+    scriptLoadingStrategey
   } = htmlTemplate;
   const {
     i18n
@@ -176,6 +177,7 @@ const getProdPlugins = (options, publicPath = '') => {
     folder,
     inject,
     minify: minifyHtmlOptions,
+    scriptLoadingStrategey,
     crossorigin,
     hasEFC
   });

package/lib/schemas/index.js

@@ -322,7 +322,8 @@ var _default = {
     },
     htmlTemplate: {
       minify: null,
-      inject: true
+      inject: true,
+      scriptLoadingStrategey: ''
     },
     removePropTypes: false,
     customChunksBaseConfig: null,

package/npm-shrinkwrap.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/react-cli",
-  "version": "1.1.19-exp.1",
+  "version": "1.1.19-exp.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/react-cli",
-  "version": "1.1.19-exp.1",
+  "version": "1.1.19-exp.3",
   "description": "A CLI tool for build modern web application and libraries",
   "scripts": {
     "init": "node ./lib/utils/init.js",