Gathering detailed insights and metrics for @prisguiden/webpack-assets-manifest-plugin
Gathering detailed insights and metrics for @prisguiden/webpack-assets-manifest-plugin
Gathering detailed insights and metrics for @prisguiden/webpack-assets-manifest-plugin
Gathering detailed insights and metrics for @prisguiden/webpack-assets-manifest-plugin
npm install @prisguiden/webpack-assets-manifest-plugin
Typescript
Module System
Node Version
NPM Version
66.5
Supply Chain
95.5
Quality
80
Maintenance
100
Vulnerability
100
License
Total Downloads
612
Last Day
1
Last Week
1
Last Month
3
Last Year
71
Minified
Minified + Gzipped
Latest Version
1.0.1
Package Id
@prisguiden/webpack-assets-manifest-plugin@1.0.1
Unpacked Size
5.06 kB
Size
2.23 kB
File Count
3
NPM Version
6.4.1
Node Version
8.16.1
Cumulative downloads
Total Downloads
Last day
0%
1
Compared to previous day
Last week
0%
1
Compared to previous week
Last month
-25%
3
Compared to previous month
Last year
-44.1%
71
Compared to previous year
No dependencies detected.
Tries to solve the problem of loading generated webpack entries.
Generates assets-manifest.json
containing the entries and generated files
from the webpack config
If you have a webpack.config.js
like for example this one
1const WebpackAssetsManifestPlugin = require("@prisguiden/webpack-assets-manifest-plugin") 2 3module.exports = { 4 entry: { 5 bundle: [ 6 "./myapp.js" 7 ], 8 cssBundle: [ 9 "./myapp.sass" 10 ] 11 }, 12 plugins: [ 13 new MiniCssExtractPlugin({ 14 filename: "css/[name].[chunkhash].css", 15 }), 16 new WebpackAssetsManifestPlugin({ 17 filename: "assets.json", 18 extras: { 19 myCustomBuildinfo: "example-build" 20 } 21 }) 22 ], 23 output: { 24 path: path.resolve(__dirname, "./public" 25 filename: "js/[name].[chunkhash].js" 26 } 27}
Webpack will generate ./public/assets.json containing the following structure:
1{ 2 "js": { 3 "bundle": [ 4 "./public/js/bundle.5cca44c5e79cf5d6f72a.js" 5 ] 6 }, 7 "css": { 8 "cssBundle": [ 9 "./public/css/bundle.2caf49b5f28ff2d6c918.css" 10 ] 11 }, 12 "hash": "313076e4b078a32477b6", 13 "myCustomBuildinfo": "example-build" 14}
You can use this in your application to load the js and css files with their build hash
1npm install @prisguiden/webpack-assets-manifest-plugin --save
The MIT License (MIT)
Copyright (c) 2019 Simen Graaten, Prisguiden.no
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
No vulnerabilities found.
No security vulnerabilities found.