inferno-devtools about create-inferno-app

[Havunen]

Hi @dbismut thanks for suggestion. We could do this, why not? Can you send PR for it?

[dbismut]

Of course I can try, but I'm no pro developer and not sure where to start. Is looking at the webpack.config.dev.js a good idea? Can I require and execute inferno-devtools from there? Thanks for your help ;)

[dbismut]

Hi @Havunen, after trying further, I tried to modify the entry from webpack.config.dev.js with the following:

modules.export = {
//...
  entry: [
    //...
    require.resolve('inferno-devtools'),
    paths.appIndexJs
  ]
//...
}

I know that inferno-devtools is indeed executed, but for some reason the React extension on Chrome doesn't load. What's weird is that if I copy the distribution code of the inferno-devtools npm package into a devtools.js file that I put next to the appIndexJs file, and then requiring that file in the entry point instead of the npm package, everything runs fine. Not sure what happens there 🙃

[Havunen]

Yeah, I think devtools must be imported from index.js (entry point) before other stuff.

[dbismut]

Well I don't understand why this works 🤕

modules.export = {
//...
  entry: [
    //...
   '/Users/david/repos/create-inferno-app/packages/inferno-scripts/template/src/devtools.js',
    paths.appIndexJs
  ]
//...
}

and this doesn't:

modules.export = {
//...
  entry: [
    //...
   '/Users/david/repos/create-inferno-app/node_modules/inferno-devtools/dist/inferno-devtools.js',
    paths.appIndexJs
  ]
//...
}

(this is just a test obviously..., and devtools.js has the same code as inferno-devtools.js)

[Havunen]

Ping @longlho hes good with this stuff.

[farooqkz]

As inferno-devtools has been retired, I think this issue is not valid anymore?