run the SFCs with no-bundler • Evan had already that idea last year • But, some major bundlers didn't have it Vue core is ready for ES Modules! But SFC is …
code is served directly to the browser • The browser parses them via native <script module> support, making HTTP requests for each import • The dev server intercepts the requests and performs code transforms if necessary
imports occur in network waterfalls with deep import chains • Even if it's multiplexed with HTTP/2, page load could be slightly slower than a bundler-based. • Resolve ES Modules dependencies on local • Resolve Bear Module (e.g. import … from ‘vue’ ) • Resolve from ./node_modules
Server Plugin Resolve server Server Plugin Server Plugin Server Plugin Watcher chokidar Config Client (Browser) Server (Node.js) Requests Responses ESBuild HTTP HMR Runtime
And, set these to `res.body` Vue Server Client /src/components/Foo.vue ?type=style Request /src/components/Foo.vue ?type=template style block template block
with modules that have a lot of dependencies • e.g. monaco editor, rxjs, loadash, and etc • Improve error messages • Maybe, VitePress can be released ? • Plan to offer templates to other Frameworks (e.g. React, Preact, and more?)