{"id":20066412,"url":"https://github.com/itgalaxy/browser-sync-dev-hot-webpack-plugin","last_synced_at":"2025-07-17T19:40:36.108Z","repository":{"id":66236260,"uuid":"81934298","full_name":"itgalaxy/browser-sync-dev-hot-webpack-plugin","owner":"itgalaxy","description":"Combines BrowserSync, webpack-dev-middleware, and webpack-hot-middleware into one plugin","archived":false,"fork":false,"pushed_at":"2023-03-01T10:07:36.000Z","size":1371,"stargazers_count":5,"open_issues_count":28,"forks_count":3,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-04-26T07:27:00.488Z","etag":null,"topics":["webpack","webpack-dev-middleware","webpack-hot-middleware","webpack-plugin"],"latest_commit_sha":null,"homepage":"","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/itgalaxy.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-02-14T10:34:36.000Z","updated_at":"2020-05-25T12:20:22.000Z","dependencies_parsed_at":"2024-06-21T05:02:17.060Z","dependency_job_id":"0d189a3a-0b3e-4017-a68f-4a6891f0787e","html_url":"https://github.com/itgalaxy/browser-sync-dev-hot-webpack-plugin","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itgalaxy%2Fbrowser-sync-dev-hot-webpack-plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itgalaxy%2Fbrowser-sync-dev-hot-webpack-plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itgalaxy%2Fbrowser-sync-dev-hot-webpack-plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itgalaxy%2Fbrowser-sync-dev-hot-webpack-plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/itgalaxy","download_url":"https://codeload.github.com/itgalaxy/browser-sync-dev-hot-webpack-plugin/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252553178,"owners_count":21766843,"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":["webpack","webpack-dev-middleware","webpack-hot-middleware","webpack-plugin"],"created_at":"2024-11-13T13:57:02.774Z","updated_at":"2025-05-05T18:32:41.946Z","avatar_url":"https://github.com/itgalaxy.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# browser-sync-dev-hot-webpack-plugin\n\n[![NPM version](https://img.shields.io/npm/v/browser-sync-dev-hot-webpack-plugin.svg)](https://www.npmjs.org/package/browser-sync-dev-hot-webpack-plugin)\n[![Travis Build Status](https://img.shields.io/travis/itgalaxy/browser-sync-dev-hot-webpack-plugin/master.svg?label=build)](https://travis-ci.org/itgalaxy/browser-sync-dev-hot-webpack-plugin)\n[![dependencies Status](https://david-dm.org/itgalaxy/browser-sync-dev-hot-webpack-plugin/status.svg)](https://david-dm.org/itgalaxy/browser-sync-dev-hot-webpack-plugin)\n[![devDependencies Status](https://david-dm.org/itgalaxy/browser-sync-dev-hot-webpack-plugin/dev-status.svg)](https://david-dm.org/itgalaxy/browser-sync-dev-hot-webpack-plugin?type=dev)\n[![Greenkeeper badge](https://badges.greenkeeper.io/itgalaxy/browser-sync-dev-hot-webpack-plugin.svg)](https://greenkeeper.io/)\n\nCombines `browser-sync`, `webpack-dev-middleware`, and `webpack-hot-middleware` into one plugin.\n\n## Install\n\n```shell\nnpm install --save-dev browser-sync-dev-hot-webpack-plugin\n```\n\n## Usage\n\n```js\nconst BROWSER_SYNC_OPTIONS = {};\nconst DEV_MIDDLEWARE_OPTIONS = {\n    publicPath: '/my/public/path'\n};\nconst HOT_MIDDLEWARE_OPTIONS = {};\n\nconst webpackConfig = {\n    // Some options...\n    plugins: [\n        // Other plugins...\n        new BrowserSyncHotPlugin({\n            browserSync: BROWSER_SYNC_OPTIONS,\n            devMiddleware: DEV_MIDDLEWARE_OPTIONS,\n            hotMiddleware: HOT_MIDDLEWARE_OPTIONS,\n            callback() {\n                console.log('Callback');\n                /*\n                    // Use browser sync server api (https://browsersync.io/docs/api)\n                    const { watcher: bs } = this;\n                    bs.notify(\"Hello! It's callback function from BrowserSyncHotPlugin!\");\n                */\n            }\n        })\n        // Other plugins...\n    ]\n    // Some options...\n};\n\nmodule.exports = webpackConfig;\n```\n\n## Options\n\nSee related packages docs.\n\n## Related\n\n-   [browser-sync](https://github.com/browsersync/browser-sync) - Keep multiple browsers \u0026 devices\n    in sync when building websites.\n\n-   [webpack-dev-middleware](https://github.com/webpack/webpack-dev-middleware) - Offers a dev middleware for webpack,\n    which arguments a live bundle to a directory.\n\n-   [webpack-hot-middleware](https://github.com/glenjamin/webpack-hot-middleware) - Webpack hot reloading\n    you can attach to your own server.\n\n## Contribution\n\nFeel free to push your code if you agree with publishing under the MIT license.\n\n## [Changelog](CHANGELOG.md)\n\n## [License](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fitgalaxy%2Fbrowser-sync-dev-hot-webpack-plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fitgalaxy%2Fbrowser-sync-dev-hot-webpack-plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fitgalaxy%2Fbrowser-sync-dev-hot-webpack-plugin/lists"}