webpack-favicons/test/callback.config.js

Webpack plugin to generate favicons for devices and browsers

const WebpackFavicons = require('../index.js');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const path = require('path');

module.exports = {
  entry: path.resolve(__dirname, 'test.js'),
  output: {
    path: path.resolve(__dirname, '../dist/callback/'), 
    publicPath: '/~media/',
    filename: 'test.js',
    pathinfo: false
  },
  module: {
    rules: [{
      'test': /\.html$/,
      'exclude': /node_modules/,
      'include': [
        path.resolve(__dirname, 'test.html')
      ],
      'use': {
        'loader': 'html-loader', // (see: https://www.npmjs.com/package/html-loader)
        'options': { 'minimize': false }
      }
    }]
  },
  devtool: false,
  optimization: {
    minimize: false
  },
  stats: 'none',
  cache: {
    type: 'filesystem',
    cacheDirectory: path.resolve(__dirname, '../node_modules/.cache/WebpackFavicons/callback'),
    buildDependencies: {
      config: [__filename] // Invalidate cache if config changes
    },
  },    
  plugins: [
    new HtmlWebpackPlugin({
      'title': 'Callback Test',
      'template': './test/test.html',
      'filename': './test.html',
      'minify': false
    }),
    new WebpackFavicons({
      'src': 'assets/favicon.svg',
      'path': 'assets',
      'background': '#000',
      'theme_color': '#000',
      'icons': {
        'favicons': true
      }
    }, (response) => {
      response.images[0].name = 'custom.ico';
      response.html[0] = response.html[0].replace('favicon.ico', 'custom.ico');
    })  
  ]
};