W3c-manifest-loader NPM

w3c-manifest-loader

Load a W3C manifest file into the page

Install

$ npm install w3c-manifest-loader --save-dev

Usage

Documentation: Using loaders

Import the manifest.json file in your main file (probably where you import your css).

// using ES2015
import './manifest.json';

// or using CommonJS
require('./manifest.json');

And configure the loader for manifest.json files in your webpack config file:

{
  module: {
    loaders: [
      {
        test: /manifest\.json$/,
        loader: 'w3c-manifest',
        type: 'javascript/auto',
        options: {
          name: '[name].[hash].[ext]',
          icon: '/icons/[name].[hash].[ext]',
          legacyAppleSupport: true
        }
      }
    ]
  }
}

Options

These are common options you can specify in the loaders config.

name - Name of the manifest.json output, defaults to [hash].[ext]. See file-loader for more info.
icon - Name of the icons output, defaults to [hash].[ext]. See file-loader for more info.
legacyAppleSupport Use the legacy proprietary Apple elements for WebApps.