Neatly Prepared Mustache
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

web-app-manifest-loader

0.1.1 • Public • Published

Build Status Coverage Status npm

web-app-manifest-loader

Load images referenced in the icons and splash_screens fields in your Web App Manifest using webpack.

$ npm install --save-dev web-app-manifest-loader

Usage

Documentation: Using loaders

In your webpack config:

module: {
  loaders: [
    {
      test: /manifest.json$/,
      loader: 'file-loader?name=manifest.json!web-app-manifest-loader'
    }
  ]
}

Note that this example also uses file-loader.

Then, require the manifest in your application code:

require('./manifest.json');

This allows you to provide image paths in the standard webpack format inside your manifest:

{
  "name": "Hello World",
  ...
  "splash_screens": [
    {
      "src": "./images/splash-hi.png",
      "sizes": "2560x1440",
      "type": "image/png"
    },
    ...
  ],
  "icons": [
    {
      "src": "./images/icon-hi.png",
      "sizes": "512x512",
      "type": "image/png"
    },
    ...
  ]
}

License

MIT License

Keywords

none

install

npm i web-app-manifest-loader

Downloadsweekly downloads

3,546

version

0.1.1

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar