Merge bundling Browser examples

[daviddias]

proposal: let's use merge the "bundling for the browser" examples:

• https://github.com/ipfs/js-ipfs/tree/master/examples/browser-browserify
• https://github.com/ipfs/js-ipfs/tree/master/examples/browser-parceljs
• https://github.com/ipfs/js-ipfs/tree/master/examples/browser-webpack
• https://github.com/ipfs/js-ipfs/tree/master/examples/browser-script-tag

[alanshaw]

How do you mean merge? Put in a directory like this?:

/examples/bundling-for-browser/browserify
/examples/bundling-for-browser/parceljs
/examples/bundling-for-browser/webpack
/examples/bundling-for-browser/script-tag

[daviddias]

My proposal was more on

• One single app example
• One single package.json
• Multiple npm scripts, one for each bundler
• Readme that explains what it is, and which npm script is for which bundler
• remove all the effort of updating 4 individual apps to just update one single app

[daviddias]

As a bonus. We can add as part of the tutorial how to see the size of the final bundle and compare (time spent x bundle size) and explain why we use WebPack ourselves for dist vs all the others.

[achingbrain]

If each bundler is a separate example, I think people will take the package.json contents from the example that features the bundler they want to use as a starting point for their own projects.

If all the bundler examples are bundled (!) into one example, it would be harder to look at the package.json and say 'this is the minimum set of deps I need for my project' which adds friction to that usecase.

[alanshaw]

I think there's a huge amount of value in the copy/paste-ability of an individual example. Combining them into one will remove that - like @achingbrain said you'd have to figure out what dependencies and config applies to which bundler and that's not something I want to push onto developers trying to use js-ipfs.

Another potential hurdle: I don't know for sure if it'll be possible i.e. conflicting dependencies and .babelrc configuation

[daviddias]

Understood. Thanks for reviewing the proposal, dropping it based on feedback.