Hey, great stuff. Thank you.

I just got this going and i noticed every time i save and it hot reloads it refreshes and closes dev tools.
Do you know if there is a way around that?

Could you add some comments about how webpack configuration works. I want to add Popup and I'm not very sure how.

Hey there,

great repo. helped me a lot to bootstrap my application. I run into one scenario, you might have an Idea.
I want to load a module delayed, depending on the interaction of the customer. I use
require.ensure("modulename") to do this. It works, there is a dedicated 0.0.js file created which will only be loaded when the customers clicks a button.

It works very well in the newtab.js but in the content.js which is injected in every page that the customer opens, i get a Uncaught ReferenceError: webpackJsonp is not defined (in the development env).

Do you know if the content.js is executed in a different namespace or something similar?
Would be a great feature to get this working.

thanks again

chrome-extension://sdfsdff/newtab/newtab/index.js Failed to load resource: net::ERR_FILE_NOT_FOUND

Due to the structure on background, it cannot access important chrome API like chrome.runtime.onConnect on any file calling via localhost:3001.

https://developer.chrome.com/extensions/runtime#event-onConnect

Firstly, I have run the command npm install and get the node_module in the folder.
After step 4, the Browse For Folder small window appears, and do not know what path I should use in the textfield of Folder.

 5. add REPOSITORY_DIRECTORY/build

I guess that REPOSITORY_DIRECTORY is schovi/webpack-chrome-extension. But I cannot find the build folder there. What should I do?

Thank you.

Hello,
When I execute "gulp" I get the following errors:
ERROR in ./~/ws/lib/WebSocketServer.js Module not found: Error: Cannot resolve module 'tls' in /home/.../webpack-chrome-extension/node_modules/ws/lib

ERROR in ./~/options/lib/options.js Module not found: Error: Cannot resolve module 'fs' in /home/.../webpack-chrome-extension/node_modules/options/lib

But then it says:
webpack: bundle is now VALID.

And then when I open the background page I get:
Failed to load resource: net::ERR_TOO_MANY_REDIRECTS
*At first I got Insecure connection error but I found an answer for it in the issues.

I'm using Ubuntu 14.04 and Chrome 47

b.t.w when I execute "gulp -p" I'm getting some errors but the extension is working.

Thanks!

As title described,
I tried adding https: true in dev-env/webpack.server.js and
change every occurrence of http to https , but can't work out as expected,
(I have to let chrome explicit access to https://localhost:3001/content.js)
If I can't change that setting, then I can't let content.js works in
ex: https://facebook.com and almost most of the site.
Do we have a better solution for this, since development for most of the site that is https based
is a non-trivial thing.

First of all, big thanks to you for this contribution, great work!

Not all devs use these loaders and mostly not use them all at once. sass loader also require node-gyp step so I already encountered some problems on windows. I guess cool solution for this - make some webpack.config hook for user, so he could override configuration.

Like search for some webpack.chrome-extension.config,js file in the root of user project and merge it then with default config.

The file dev-env/util/remove.js has some utility functions for building paths. However it assumes the directory separator is a "/", when on windows it is a "".

I think it can use something like path.sep

Problem: //@ sourceURL and //@ sourceMapURL is deprecated
Solution: upgrade webpack and webpack-dev-server to latest version.

Using CHROME_BIN has been ok, but still annoying when I forget

Can potentially use https://github.com/oncletom/crx instead of needing chrome at all

1. npm install
2. npm run dev
3. load unpack extension from build folder
4. inspect background page: https://localhost:3001/background/index.js Failed to load resource: net::ERR_INSECURE_RESPONSE

devtools on popup:
https://localhost:3001/popup/index.js Failed to load resource: net::ERR_CONNECTION_REFUSED

I'm using gulp default
webpack: bundle is now VALID.

but is not working :/
why ?

those 2 tasks are completely the same in gulpfile

https://github.com/schovi/webpack-chrome-extension/blob/master/gulpfile.babel.js#L37-L39
https://github.com/schovi/webpack-chrome-extension/blob/master/gulpfile.babel.js#L45-L47

After changing the background script extension says "The following couldn't be hot updated: (They would need a full reload!)". Wouldn't it be more convenient to run chrome.runtime.reload(); in such cases? Or at least have an option that would allow full reload.

Env: Win10
Err Message:

Making injector 'popup/index.js'
[16:45:24] 'manifest' errored after 33 ms
[16:45:24] Error: ENOENT: no such file or directory, open 'E:\web\extensions\qwt\build\popup\index.js'
    at Error (native)
    at Object.fs.openSync (fs.js:634:18)
    at Object.fs.writeFileSync (fs.js:1327:33)
    at exports.default (E:/web/extensions/qwt/dev-env/manifest/processor/lib/script.js:38:8)
    at exports.default (E:/web/extensions/qwt/dev-env/manifest/processor/lib/html.js:39:3)
    at process (E:/web/extensions/qwt/dev-env/manifest/processor/action.js:6:16)
    at exports.default (E:/web/extensions/qwt/dev-env/manifest/processor/action.js:21:3)
    at E:/web/extensions/qwt/dev-env/manifest/index.js:66:9
    at Array.forEach (native)
    at Manifest.processManifest (E:/web/extensions/qwt/dev-env/manifest/index.js:64:16)

how to solve this problem??

I'm seeing this error in the console when navigating to any page:

Failed to load resource: net::ERR_INSECURE_RESPONSE https://localhost:3001/app/index.js

Steps to reproduce:

1. npm install && gulp
2. Load extension from /build/ folder
3. Open console or inspect background view

Hi, thanks for the quick response to #5 , it works great?
one to thing to bother, when I tried replacing browser_action with page_action
and in background script, I let if url == ...., then chrome.pageAction.show....
but I found that if I change browser_action to page_action, popup/index.html will be compiled into build, is that intentional, how can I config that?