Merge pull request #35 from tstirrat15/master

Add defer to script tags for loading purposes

Author: faceyspacey

__tests__/__snapshots__/createApiWithCss.test.js.snap

@@ -3,10 +3,12 @@
 exports[`createApiWithCss() generates js + style components, strings and arrays 1`] = `
 <span>
   <script
+    defer={true}
     src="/static/0.js"
     type="text/javascript"
   />
   <script
+    defer={true}
     src="/static/main.js"
     type="text/javascript"
   />
@@ -38,8 +40,8 @@ exports[`createApiWithCss() generates js + style components, strings and arrays
 `;
 
 exports[`createApiWithCss() generates js + style components, strings and arrays 4`] = `
-"<script type='text/javascript' src='/static/0.js'></script>
-<script type='text/javascript' src='/static/main.js'></script>"
+"<script type='text/javascript' src='/static/0.js' defer></script>
+<script type='text/javascript' src='/static/main.js' defer></script>"
 `;
 
 exports[`createApiWithCss() generates js + style components, strings and arrays 5`] = `
@@ -71,6 +73,7 @@ Array [
 exports[`createApiWithCss() uses files with extension "no_css.js" if available 1`] = `
 <span>
   <script
+    defer={true}
     src="/static/main.no_css.js"
     type="text/javascript"
   />
@@ -95,7 +98,7 @@ exports[`createApiWithCss() uses files with extension "no_css.js" if available 3
 </span>
 `;
 
-exports[`createApiWithCss() uses files with extension "no_css.js" if available 4`] = `"<script type='text/javascript' src='/static/main.no_css.js'></script>"`;
+exports[`createApiWithCss() uses files with extension "no_css.js" if available 4`] = `"<script type='text/javascript' src='/static/main.no_css.js' defer></script>"`;
 
 exports[`createApiWithCss() uses files with extension "no_css.js" if available 5`] = `"<link rel='stylesheet' href='/static/main.css' />"`;
 

src/createApiWithCss.js

@@ -55,6 +55,7 @@ export default (
             type='text/javascript'
             src={`${publicPath}/${file}`}
             key={key}
+            defer
           />
         ))}
       </span>
@@ -74,7 +75,7 @@ export default (
         scripts
           .map(
             file =>
-              `<script type='text/javascript' src='${publicPath}/${file}'></script>`
+              `<script type='text/javascript' src='${publicPath}/${file}' defer></script>`
           )
           .join('\n')
     },