{"id":29711285,"url":"https://github.com/petrhanak/webpack-dll-plugin-guide","last_synced_at":"2026-05-18T00:08:33.617Z","repository":{"id":305831910,"uuid":"85713527","full_name":"petrhanak/webpack-dll-plugin-guide","owner":"petrhanak","description":"Guide how to setup webpack dll plugin on your project","archived":false,"fork":false,"pushed_at":"2017-03-22T17:33:50.000Z","size":20,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-22T08:50:16.234Z","etag":null,"topics":["dllplugin","optimization","vendors","webpack"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/petrhanak.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2017-03-21T14:42:47.000Z","updated_at":"2023-09-08T17:22:34.000Z","dependencies_parsed_at":"2025-07-22T09:05:22.683Z","dependency_job_id":null,"html_url":"https://github.com/petrhanak/webpack-dll-plugin-guide","commit_stats":null,"previous_names":["petrhanak/webpack-dll-plugin-guide"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/petrhanak/webpack-dll-plugin-guide","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/petrhanak%2Fwebpack-dll-plugin-guide","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/petrhanak%2Fwebpack-dll-plugin-guide/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/petrhanak%2Fwebpack-dll-plugin-guide/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/petrhanak%2Fwebpack-dll-plugin-guide/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/petrhanak","download_url":"https://codeload.github.com/petrhanak/webpack-dll-plugin-guide/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/petrhanak%2Fwebpack-dll-plugin-guide/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33160168,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-17T22:39:12.733Z","status":"ssl_error","status_checked_at":"2026-05-17T22:39:10.741Z","response_time":107,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["dllplugin","optimization","vendors","webpack"],"created_at":"2025-07-23T22:40:18.327Z","updated_at":"2026-05-18T00:08:28.607Z","avatar_url":"https://github.com/petrhanak.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Webpack DllPlugin\n\n## What is it and why should i care\n\nTL;DR: split build, faster rebuild\n\n\u003e Webpack's Dll and DllReference plugins are a way to split a large JavaScript project into multiple bundles which can be compiled independently. They can be used to optimize build times (both full and incremental) and improve caching for users by putting code which changes infrequently into separate \"library\" bundles. The term 'Dll' is short for Dynamically Linked Library which is a feature for native Windows applications that solves the same problem.\n\u003e\n\u003e more info: https://robertknight.github.io/posts/webpack-dll-plugins/     \n\n## How to do it\n\n### Vendor config\nDesired config `entry` should look like this:\n\n`~/webpack/vendor.config.json`\n```javascript\nmodule.exports = {\n  entry: [\n    \"lodash\",\n    \"moment\",\n    \"react\",\n    \"react-dom\"\n  ]\n  //...\n}\n```\n\nTo keep things clean create separate file which exports array of vendor libraries - either `js` or `json`.\n\n`~/webpack/vendors.json`\n```json\n[\n  \"lodash\",\n  \"moment\",\n  \"react\",\n  \"react-dom\"\n]\n```\n\nAnd copy-paste [vendor config](webpack/vendor.config.js)\n\n### Client config\n\nJust add following plugin into webpack \n\n```javascript\nnew webpack.DllReferencePlugin({\n  context: '.',\n  manifest: require('../.build/vendor/vendor-manifest.json'),\n})\n```\n\n### Automatic build \nadd build command in `package.json`\n```\nwebpack --config webpack/vendor.config.js\n```\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpetrhanak%2Fwebpack-dll-plugin-guide","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpetrhanak%2Fwebpack-dll-plugin-guide","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpetrhanak%2Fwebpack-dll-plugin-guide/lists"}