{"id":20840903,"url":"https://github.com/js-factory/perf-budget-webpack-plugin","last_synced_at":"2025-05-08T22:03:56.599Z","repository":{"id":44909962,"uuid":"174523137","full_name":"js-factory/perf-budget-webpack-plugin","owner":"js-factory","description":"Webpack plugin to set budget on individual file","archived":false,"fork":false,"pushed_at":"2023-03-02T20:21:45.000Z","size":485,"stargazers_count":4,"open_issues_count":3,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-11-17T10:45:54.062Z","etag":null,"topics":["budgeting","performance-budget","plugin","webpack"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/js-factory.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2019-03-08T11:09:32.000Z","updated_at":"2022-01-19T10:56:04.000Z","dependencies_parsed_at":"2023-07-17T18:49:26.141Z","dependency_job_id":null,"html_url":"https://github.com/js-factory/perf-budget-webpack-plugin","commit_stats":null,"previous_names":["js-factory/perfbudgetwebpackplugin"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/js-factory%2Fperf-budget-webpack-plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/js-factory%2Fperf-budget-webpack-plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/js-factory%2Fperf-budget-webpack-plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/js-factory%2Fperf-budget-webpack-plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/js-factory","download_url":"https://codeload.github.com/js-factory/perf-budget-webpack-plugin/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225110426,"owners_count":17422423,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["budgeting","performance-budget","plugin","webpack"],"created_at":"2024-11-18T01:18:12.558Z","updated_at":"2024-11-18T01:18:13.155Z","avatar_url":"https://github.com/js-factory.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Performance Budget Webpack Plugin\n\nWebpack plugin to set budget on individual bundle file.\n\n## Installation\n\nInstall the plugin with npm:\n\n```shell\n$ npm install --save-dev @js-factory/perf-budget-webpack-plugin\n```\n\n## Basic Usage\n\n```javascript\nconst PerfBudgetWebpackPlugin = require(\"@js-factory/perf-budget-webpack-plugin\");\n\nconst webpackConfig = {\n    entry: \"index.js\",\n    output: {\n        path: \"dist\",\n        filename: \"bundle.js\"\n    },\n    plugins: [\n        new PerfBudgetWebpackPlugin({\n            main: { // Chunk Name\n                js: 20000,\n                css: 1000 // CSS Extracted using extract plugin for each chunk\n            },\n            dynamicImportChunkName1: {\n                js: 10000 // Size in bytes\n            },\n            dynamicImportChunkName2: {\n                js: 10000 // Size in bytes\n            }\n        })\n    ]\n};\n```\n## Example\n\n[Performance Budget Example](https://github.com/js-factory/examples/tree/master/perf-budget-webpack-plugin)\n\n\u003cp align=\"center\"\u003e\n    \u003cimg alt=\"marvels\" src=\"/error.png\" height=\"200\" width=\"650\"\u003e\n\u003c/p\u003e\n\n## Need\n\nPerformance budget requires to set the budget on important files separately.\n\nHere, we can set that individually based on js as well as css.\n\n## Author\n\n[js-factory](https://github.com/js-factory)\n\n## License\n\n[MIT](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjs-factory%2Fperf-budget-webpack-plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjs-factory%2Fperf-budget-webpack-plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjs-factory%2Fperf-budget-webpack-plugin/lists"}