If I’m writing a React app, which is most of the time, the problem is solved for the most part with the
create-react-app scaffolding tool. Leveraging
react-scripts, all of the gnarly Webpack configuration is hidden away until you eject.
But when I started my recent series on generative art, I ended up borrowing an ES6 starter project and adding a bit of boilerplate for P5.js. Copying and pasting the scaffolding of a project works fine, but when someone referred me to Parcel, I jumped at the chance to evaluate it. I’m going to take the P5.js ES6 starter I put together for the first generative art column and rewrite it using Parcel to see how it works.
Parcel bundler in action
parcel-bundler package and point it at your main HTML file. Any of the transforms, transpilations, packaging, and even dependency installations are taken care of for you. Truly? Let’s see.