feat: WebIndexPlugin additional attributes support in script tags (#1246

)
fuse-box · May 3, 2018 · f790bfb · f790bfb
1 parent fcfbfa0
commit f790bfb
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/docs/plugins/html/WebIndexPlugin.md b/docs/plugins/html/WebIndexPlugin.md
@@ -34,8 +34,11 @@ fuse.plugin(
 | ` resolve `   | `resolve ?: {(output : UserOutput) : string}` Allows to completely override the output  |
 | `pre ` | `{ relType: 'fetch' | 'load' }`  Config object to either preload or prefetch the output javascript bundles in the head of the document |
 | ` appendBundles ` | Append $bundles to provided template |
+| ` async ` | Provide `async` attribute to `<script>` tags (boolena) |
+| ` scriptAttributes ` | Provide additional attribute(s) to `<script>` tags (string) |
 
-note: If you specify template and templateString then template will take precedent 
+
+note: If you specify template and templateString then template will take precedent
 
 ### Resolve example
 `resolve` option allows you to completely override the path

diff --git a/src/plugins/WebIndexPlugin.ts b/src/plugins/WebIndexPlugin.ts
@@ -19,6 +19,7 @@ export interface IndexPluginOptions {
     templateString?: string;
     appendBundles?: boolean;
     async?: boolean;
+    scriptAttributes?: string;
     pre?: { relType: 'fetch' | 'load' };
     resolve?: { (output: UserOutput): string };
     emitBundles?: (bundles: string[]) => string;
@@ -86,7 +87,7 @@ $bundles
 
         let jsTags = this.opts.emitBundles
             ? this.opts.emitBundles(bundlePaths)
-            : bundlePaths.map(bundle => `<script ${this.opts.async ? 'async' : ''} type="text/javascript" src="${bundle}"></script>`).join('\n');
+            : bundlePaths.map(bundle => `<script ${this.opts.async ? 'async' : ''} ${this.opts.scriptAttributes ? this.opts.scriptAttributes : ''} type="text/javascript" src="${bundle}"></script>`).join('\n');
 
         let preloadTags;
         if (this.opts.pre) {