Browserify: using browserify with electron

Created on 20 Nov 2015 · 7Comments · Source: browserify/browserify

I'm building react based desktop pplication with github electron. Electron allow to use node.js features in browser code. However I still need browserify for compile react files.

The issue is that with standard browserify policies node code goes invalid. require no longer work as expected, __filename and __dirname start showing things which is not close to 'on-disk' reality, etc.

Is there is any kind of vision how it's possible to friend electron with browserify?

Source

ivankarpey

Most helpful comment

Uncaught Error: Electron failed to install correctly, please delete node_modules/electron and try installing again

Error thrown when trying this when using browserify+vue on my app.js:

"browserify": "browserify -t vueify browserify --ignore-missing --no-builtins --no-commondir --insert-global-vars=\"global\" --no-browser-field -e app.js -o resources/bundle.js --debug",

angrykoala on 13 Oct 2017

👍2

All 7 comments

window.require, window.__filename, and window.__dirname

zalambda on 22 Nov 2015

Try this:

browserify --no-builtins --no-commondir --insert-global-vars="global" app.js

jprichardson on 26 Nov 2015

👍1

Can I do this from gulpfile? I mean browserify my nodejs application using gulp?

b0c1 on 9 Feb 2016

hgwood on 19 Feb 2016

http://maxgfeller.com/blog/2016/08/30/electron-browserify/

bernardoadc on 9 Sep 2016

👍1

Uncaught Error: Electron failed to install correctly, please delete node_modules/electron and try installing again

Error thrown when trying this when using browserify+vue on my app.js:

"browserify": "browserify -t vueify browserify --ignore-missing --no-builtins --no-commondir --insert-global-vars=\"global\" --no-browser-field -e app.js -o resources/bundle.js --debug",

angrykoala on 13 Oct 2017

👍2

@angrykoala I had to add -x electron to my browserify command. I also needed to do the same for -x spellchecker if you're using that module too.