WMR – Tiny all-in-one development tool for modern web apps
1–10 of 27 posts
Re: WMR – Tiny all-in-one development tool for modern web apps
#2Looks neat, but why is this a thing?
> import "packages" from npm without installation
IIRC rollup does the same thing by default. This project mentions it uses rollup so maybe that’s where it’s coming from.
Using npx to run executables also does this IIRC.
And I never want it, especially if I have to opt-out. I want there to be friction to adding dependencies, it should be a carefully considered process.
Otherwise, would be curious to see how this stacks up against a moderately sized application build using webpack or vanilla rollup too. To see that, we will just need adoption over time, will keep an eye on the project!
Update: It’s not rollup that auto-installs packages, I was confusing it with parcel.
Re: WMR – Tiny all-in-one development tool for modern web apps
#3Looks neat, but why is this a thing? > import "packages" from npm without installation IIRC rollup does the same thing by default. This project mentions it uses rollup so maybe that’s where it’s coming from. Using npx to run executables also does this IIRC. And I never want it, especially if I have to opt-out. I want there to be friction to adding dependencies, it should be a carefully considered process. Otherwise,…
Rollup doesn’t import automatically, Parcel does.
`npx`’s specific use case, though, is specifically to run scripts that you haven’t installed - else you’d use `yarn/npm run whatever`.
Re: WMR – Tiny all-in-one development tool for modern web apps
#4> If you'd like ESLint to be set up for you, add --eslint to the command. Note: this will use 150mb of disk space.
This is insane. No wonder they were motivated to create a minimal development tool. How could a CLI linter require 150 MB of disk?
Re: WMR – Tiny all-in-one development tool for modern web apps
#5Looks neat, but why is this a thing? > import "packages" from npm without installation IIRC rollup does the same thing by default. This project mentions it uses rollup so maybe that’s where it’s coming from. Using npx to run executables also does this IIRC. And I never want it, especially if I have to opt-out. I want there to be friction to adding dependencies, it should be a carefully considered process. Otherwise,…
Rollup doesn’t import automatically, Parcel does. `npx`’s specific use case, though, is specifically to run scripts that you haven’t installed - else you’d use `yarn/npm run whatever`.
D’oh you’re completely right about rollup vs parcel. I always get them confused because I trialed them simultaneously :p
Huh, I wasn’t aware of that being the primary use case of npx. I assumed the primary use case was to be sugar on top of ‘./node_modules/.bin/*’, which the documentation seems to lead with too (https://github.com/npm/npx)
They immediately call out auto-installation as a feature after that, but apparently there is a ‘—no-install’ flag you can use too. I guess I would have expected this to be opt-in through ‘—auto-install’ or something is all.
Re: WMR – Tiny all-in-one development tool for modern web apps
#6For those like me who missed it in the title: this is only for Preact, which is part of what allows it to be so comprehensive. Preact is cool, but "all-in-one development tool for modern web apps" may be overselling the scope a little bit
Re: WMR – Tiny all-in-one development tool for modern web apps
#7I'm out of the loop, what does WMR stand for?
Re: WMR – Tiny all-in-one development tool for modern web apps
#8I'm out of the loop, what does WMR stand for?
Wet module replacement
Re: WMR – Tiny all-in-one development tool for modern web apps
#9> If you'd like ESLint to be set up for you, add --eslint to the command. Note: this will use 150mb of disk space. This is insane. No wonder they were motivated to create a minimal development tool. How could a CLI linter require 150 MB of disk?
tbh I think a good chunk of that size is babel-parser, which we're looking into removing from the preact ESLint preset. Still quite a difference though.
Re: WMR – Tiny all-in-one development tool for modern web apps
#10For those like me who missed it in the title: this is only for Preact, which is part of what allows it to be so comprehensive. Preact is cool, but "all-in-one development tool for modern web apps" may be overselling the scope a little bit
Hmm - it's not actually specific to Preact, it's just built by the Preact team and we use Preact in the docs. We are missing a bunch of documentation that would have made this clearer though, which I apologize for. While there are some optimizations for Preact in WMR, it can be used for vanilla JavaScript / Lit / Vue / Svelte / etc just fine.