Realese 1.1.3

Author: romanlex

CHANGELOG.md

@@ -1,3 +1,7 @@
+# 1.1.3
+
++ add support relative paths for output
+
 # 1.1.2
 
 + changed output key to encoded html string in stats file

README.md

@@ -120,7 +120,7 @@ plugins: [
     // Prefix for file names
     prefix: '/assets/icons-[hash:8]/', // default '/'
     // Output path for icons (icons will be saved to output.path(webpack config) + this key)
-    output: '/icons-[hash:8]/', // default '/'
+    output: '/icons-[hash:8]/', // default '/'. Can be absolute or relative
     // Emit all stats of the generated icons
     emitStats: false,
     // The name of the json containing all favicon information
@@ -202,6 +202,18 @@ but files will be saved to `/icons-4b62aad7/` directory and you `iconstats.json`
 
 #### Keep in mind what `prefix` change filenames inside html, `output` it is the path where icons wiil be saved
 
+#### Or another case. You want save icons above the directory of webpack `output`  and want set corrent path in the manifest files and html files
+
+```javascript
+  new AppManifestWebpackPlugin({
+    // Your source logo
+    logo: 'my-logo.png',
+    // Output path can be relative. Icons will be saved to webpack output directory + output
+    output: '../icons/',
+    // Change prefix of files  for correct paths in your html and manifest files
+    prefix: '/icons/'
+  })
+```
 
 Stats file
 -----------

index.js

@@ -5,6 +5,8 @@ const path = require('path')
 
 const DEFAULT_OPTIONS = {
   emitStats: false,
+  prefix: '',
+  output: '/',
   statsFilename: 'iconstats-[hash].json',
   persistentCache: true,
   inject: true,

lib/compiler.js

@@ -23,8 +23,8 @@ function getEntry(options, context) {
       require.resolve('./favicons.js') +
       '?' +
       JSON.stringify({
-        outputFilePrefix: options.prefix || '',
-        outputFilesDir: options.output || '/',
+        outputFilePrefix: options.prefix,
+        outputFilesDir: options.output,
         persistentCache: options.persistentCache,
         statsEncodeHtml: options.statsEncodeHtml,
         config: options.config,

lib/favicons.js

@@ -1,6 +1,7 @@
 const loaderUtils = require('loader-utils')
 const favicons = require('favicons')
 const faviconPersitenceCache = require('./cache')
+const path = require('path')
 
 module.exports = function(content) {
   const self = this
@@ -54,7 +55,11 @@ module.exports = function(content) {
 function generateIcons(loader, imageFileStream, outputDir, query, callback) {
   const pathPrefix = query.outputFilePrefix.replace(/\/$/, '')
 
-  query.config.path = pathPrefix + outputDir
+  if (!path.isAbsolute(outputDir)) {
+    query.config.path = pathPrefix
+  } else {
+    query.config.path = pathPrefix + outputDir
+  }
 
   favicons(imageFileStream, query.config, (err, response) => {
     if (err) return callback(err)
@@ -73,7 +78,7 @@ function generateIcons(loader, imageFileStream, outputDir, query, callback) {
     })
 
     let returnData = {
-      outputFilePrefix: pathPrefix + outputDir,
+      outputFilePrefix: query.config.path,
       html: response.html,
       files: fileNames,
     }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "app-manifest-webpack-plugin",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "Let webpack generate manifest files, all your favicons and icons for you",
   "author": "Roman Olin <[email protected]> (https://github.com/romanlex)",
   "repository": {