Let's talk about an ideal webdev workflow without build scripts. We're so close
Just imagine, no more gulp, webpack, rollup, parcel, snowpack, vite... You just fire up your editor and everything is ready in a modern browser.
What does this look like? What is missing for this to be a reality?
4 comments
[ 2.8 ms ] story [ 22.2 ms ] threadYou probably want to optimize your your build to not include code from libraries that you aren't using.
Boom, you've recreated modern build tools.
1. Foremost, HTML Modules allow importing HTML files natively, that's key. New components are more stable, more accessible, and widely supported. Web Components are more stable than ever.
2. The most popular features of Sass/Scss are added into core CSS by this point
3. With broad support of features like :has, @scope, @property, subgrid, anchor positioning, MPA view transitions, and lots more
4. Modern JS is stable, most new versions are incremental in the 2020s.
require.js was a big piece of the puzzle, allowing the use of modules in browser without a build step.
The only time a “build” happened was to concat/minify scripts for production release, but even this wasn’t strictly necessary.
There were other pieces involved, but we had a powerful stack (aforementioned modules, css preprocessing, reactive templating) that had a faster and easier workflow than anything happening today.