Allow array of files (#6)

Author: SimenB

README.md

@@ -14,8 +14,9 @@ $ npm i add-asset-html-webpack-plugin -D
 ```
 
 ## Basic Usage
-The plugin will add the given JS or CSS file to the files Webpack knows about, and put it into the list of assets
-`html-webpack-plugin` injects into the generated html. Add the plugin the your config, providing it a filename:
+The plugin will add the given JS or CSS file to the files Webpack knows about, and put it into the
+list of assets `html-webpack-plugin` injects into the generated html. Add the plugin the your
+config, providing it a filename:
 
 ```js
 var HtmlWebpackPlugin = require('html-webpack-plugin')
@@ -48,6 +49,16 @@ This will add a script tag to the HTML generated by `html-webpack-plugin`, and l
 </html>
 ```
 
+NOTE: You can also pass an array of assets to be added. Same API as mentioned below, just pass
+multiple objects as an array.
+
+```js
+new AddAssetHtmlPlugin([
+  { filename: require.resolve('./some-file') }, 
+  { filename: require.resolve('./some-other-file') }
+])
+```
+
 ## Options
 Options are passed to the plugin during instantiation.
 

addAssetHtmlPlugin.js

@@ -1,4 +1,5 @@
 import path from 'path'
+import Promise from 'bluebird'
 
 // Copied from html-webpack-plugin
 function resolvePublicPath (compilation, filename) {
@@ -12,31 +13,28 @@ function resolvePublicPath (compilation, filename) {
   return publicPath
 }
 
+function addFileToAssets (htmlPluginData, compilation, { filename, typeOfAsset = 'js', includeSourcemap = true } = {}) {
+  if (!filename) return compilation.errors.push(new Error('No filename defined'))
+
+  return htmlPluginData.plugin.addFileToAssets(filename, compilation)
+    .then((filename) => htmlPluginData.assets[typeOfAsset].unshift(`${resolvePublicPath(compilation, filename)}${filename}`))
+    .then(() => {
+      if (includeSourcemap) {
+        return htmlPluginData.plugin.addFileToAssets(`${filename}.map`, compilation)
+      }
+      return null
+    })
+}
+
 export default class AddAssetHtmlPlugin {
-  constructor ({
-    filename,
-    includeSourcemap = false,
-    typeOfAsset = 'js'
-  } = {}) {
-    this.filename = filename
-    this.includeSourcemap = includeSourcemap
-    this.typeOfAsset = typeOfAsset
+  constructor (assets = []) {
+    this.assets = Array.isArray(assets) ? assets.slice().reverse() : [assets]
   }
 
   apply (compiler) {
     compiler.plugin('compilation', (compilation) => {
-      if (!this.filename) return compilation.errors.push(new Error('No filename defined'))
-
-      const publicPath = resolvePublicPath(compilation, this.filename)
-
       compilation.plugin('html-webpack-plugin-before-html-generation', (htmlPluginData, callback) => {
-        htmlPluginData.plugin.addFileToAssets(this.filename, compilation)
-          .then((filename) => htmlPluginData.assets[this.typeOfAsset].unshift(`${publicPath}${filename}`))
-          .then(() => {
-            if (this.includeSourcemap) {
-              return htmlPluginData.plugin.addFileToAssets(`${this.filename}.map`, compilation)
-            }
-          })
+        Promise.mapSeries(this.assets, asset => addFileToAssets(htmlPluginData, compilation, asset))
           .then(() => callback(null, htmlPluginData))
       })
     })

package.json

@@ -8,7 +8,8 @@
   "scripts": {
     "compile": "babel addAssetHtmlPlugin.js -o index.js",
     "lint": "standard",
-    "prepublish": "not-in-install && npm run compile || echo this is npm install",
+    "prepublish": "not-in-install && npm run compile || in-install",
+    "postpublish": "git push --follow-tags",
     "test": "npm run lint"
   },
   "repository": "SimenB/add-asset-html-webpack-plugin",
@@ -23,11 +24,14 @@
     "url": "https://github.com/SimenB/add-asset-html-webpack-plugin/issues"
   },
   "homepage": "https://github.com/SimenB/add-asset-html-webpack-plugin#readme",
-  "dependencies": {},
+  "dependencies": {
+    "bluebird": "^3.3.5"
+  },
   "devDependencies": {
     "babel-cli": "^6.9.0",
     "babel-plugin-add-module-exports": "^0.2.1",
     "babel-preset-es2015": "^6.9.0",
+    "html-webpack-plugin": "^2.10.0",
     "in-publish": "^2.0.0",
     "standard": "^7.1.1"
   },