webpack-favicons/test/basic.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/basic'),
    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/basic'),
    buildDependencies: {
      config: [__filename] // Invalidate cache if config changes
    },
  },    
  plugins: [
    new CleanWebpackPlugin({
      'cleanOnceBeforeBuildPatterns': [path.resolve('./dist')]
    }),
    new HtmlWebpackPlugin({
      'title': 'Basic Test',
      'template': './test/test.html',
      'filename': './test.html',
      'minify': false,
      'cache': true, // Enable cache
      'parallel': true, // Enable parallel processing if available
    }),
    new WebpackFavicons({
      'src': 'assets/favicon.svg',
      'path': 'assets/',
      'scope': 'resources/',
      'background': '#000',
      'theme_color': '#000',
      'icons': {
        'favicons': true
      }
    })  
  ]
};