web-app-manifest-loader
v0.1.1
- Types
- ESM
- CJS
- License
- MIT
- Install Size
- -
- Vulns
- 2
- Published
$
npm install web-app-manifest-loader$
pnpm add web-app-manifest-loader$
yarn add web-app-manifest-loader$
bun add web-app-manifest-loader$
deno add npm:web-app-manifest-loader$
vlt install web-app-manifest-loader
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-loaderUsage
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"
},
...
]
}