Live Server VS Babel (Formerly 6to5)

fwiw there are plenty of webserver cli's with hotreload capability (https://www.npmjs.com/package/live-server or npx serve + chokidar), this is definitely one of those things that can decomposed to single responsibility tools

Live Server extension depends on the github.com/tapio/live-server package.

👉 Next, install the Live-server in Node.js using npm and live-server.

Now serve this basic page on port 4000 (You can use in-built Live Server if you are using Visual Studio Code OR You can use Live Server package)

It still uses some JavaScript inside the browser. Have you tried just pointing a web server at the build output (e.g. live-server)?

For example, PHP provides a builtin testing server; I think python has one too, and there are various options for nodejs, e.g. live-server.

live-server - npm

I made a plugin for vim/nvim that allows you to use Live Server for editing your html, css and js files with automatic reload on changes. It uses this: https://www.npmjs.com/package/live-server.

Could try https://github.com/tapio/live-server which you would run with the entry file being your html file. Just need to start it inside a terminal somewhere.

Babel also already supports it, so the time is come 🤷‍♂️.

https://github.com/babel/babel

Babel: FinalizationRegistry Examples

> 4 | import someConfig from '../config/SomeConfigs.json' with { type: 'json' }; | ^ 5 | 6 | /** Add @babel/plugin-syntax-import-attributes (https://github.com/babel/babel/tree/main/packages/babel-plugin-syntax-import-attributes) to the 'plugins' section of your Babel config to enable parsing. If you already added the plugin for this syntax to your config, it's possible that your config isn't being loaded. You can re-run Babel with the BABEL_SHOW_CONFIG_FOR environment variable to show the loaded configuration:

Repository: Babel

GitHub | Website

node 'node_modules/.bin/jest' '/Users/satparkash/code/test-app/src/A pp.test.tsx' -t 'App' FAIL src/App.test.tsx ● Test suite failed to run SyntaxError: /Users/satparkash/code/test-app/src/App.test.tsx: Support for the experimental syntax 'jsx' isn't currently enabled (6:12): 4 | describe('App', () => { 5 | it('should work as expected', () => { > 6 | render(); | ^ 7 | }); 8 | }); 9 | Add @babel/preset-react (https://github.com/babel/babel/tree/main/packages/babel-preset-react) to the 'presets' section of your Babel config to enable transformation. If you want to leave it as-is, add @babel/plugin-syntax-jsx (https://github.com/babel/babel/tree/main/packages/babel-plugin-syntax-jsx) to the 'plugins' section to enable parsing. Test Suites: 1 failed, 1 total Tests: 0 total Snapshots: 0 total Time: 0.278 s Ran all test suites matching /\/Users\/satparkash\/code\/test-app\/src\/App.test.tsx/i with tests matching "App".