Webpack-dev-server: Chrome Extensions dev

Created on 15 Jul 2015  路  7Comments  路  Source: webpack/webpack-dev-server

It would be great to make webpack-dev-server ready for Chrome Extensions development.

Most helpful comment

@SpaceK33z schovi/webpack-chrome-extension directs to schovi/create-chrome-extension which is incomplete and was last updated 3 years ago.

There is a plugin which suggests hot reloading, but instead hard reloads the entire extension when a content or background scripts changes. Actual pages like options, popup, etc are not supported. webpack-extension-reloader

It would be nice indeed to have a plugin or mode which runs webpack-dev-server and which at the same time outputs files which contain the hot module client, so that they can be initially loaded by the browser as an extension.

All 7 comments

@Dharmoslap hello. We are currently developing extension and we use React with Webpack and Hot reload. I try to distil our know-how into clean repo, which can be used as bootstrap for new extensions.
So there it is: https://github.com/schovi/webpack-chrome-extension
(There is not React actually, but you will find how to do that)

Great! :+1:

@Dharmoslap Feedbac or Pull requests will be appreciated. I made few more changes and fixes. There was mess with npm packages.

Good, I will implement a simple app using Redux.js and Pull request the result to your repo.

Closing since webpack-chrome-extension seems to do the job very well. Feel free to re-open if you think webpack-dev-server should implement this.

@schovi How do you make Cross-Origin XMLHttpRequest with webpack-dev-server?

@SpaceK33z schovi/webpack-chrome-extension directs to schovi/create-chrome-extension which is incomplete and was last updated 3 years ago.

There is a plugin which suggests hot reloading, but instead hard reloads the entire extension when a content or background scripts changes. Actual pages like options, popup, etc are not supported. webpack-extension-reloader

It would be nice indeed to have a plugin or mode which runs webpack-dev-server and which at the same time outputs files which contain the hot module client, so that they can be initially loaded by the browser as an extension.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

movie4 picture movie4  路  3Comments

Jack-Works picture Jack-Works  路  3Comments

uMaxmaxmaximus picture uMaxmaxmaximus  路  3Comments

da2018 picture da2018  路  3Comments

Ky6uk picture Ky6uk  路  3Comments