posthtml
create-react-app-esbuild
Our great sponsors
posthtml | create-react-app-esbuild | |
---|---|---|
3 | 3 | |
2,924 | 563 | |
0.5% | - | |
2.1 | 0.0 | |
6 months ago | about 1 month ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
posthtml
-
How to set base url for root-relative url?
A bundler running an html transformer like https://github.com/posthtml/posthtml could do this. Then the html would just be dependent on an environment variable to set your prefix conditions.
- esbuild – An extremely fast JavaScript bundler
-
Is there a utility to convert tailwind classes back to a CSS string?
This uses PostHTML to convert the tailwind classes into inline styles, but it could maybe be adapted to generate CSS files instead, but seriously, this largely defeats the purpose for using tailwind.
create-react-app-esbuild
- esbuild – An extremely fast JavaScript bundler
-
Release v0.9.0 · Evanw/Esbuild
Unfortunately it's not officially supported (as usual in CRA world), so you have to resort to one of the config rewriters. I've been using this⁰ and only had one problem with numeric enums in TypeScript. I don't remember the exact issue, but it was my own stupidity, and was easy to fix.
[0] https://github.com/pradel/create-react-app-esbuild/tree/main...
-
Use esbuild to speed up your Creat-React-App project
I recommend this way because it's easier and stabler. Just see this short doc.
What are some alternatives?
tailbuild - A simple command to build a Tailwind CSS file for your project (with JIT compiling and watching)
swc - Rust-based platform for the Web
parcel - The zero configuration build tool for the web. 📦🚀
vite - Next generation frontend tooling. It's fast!
esbuild-plugin-pipe - Pipe esbuild plugins output.
esbuild-loader - Webpack loader for esbuild: Speed up your build ⚡️
rehype - HTML processor powered by plugins part of the @unifiedjs collective
esbuild-sass-plugin - esbuild plugin for sass
esbuild - An extremely fast bundler for the web
create-react-app - Set up a modern web app by running one command.
parse-xml - A fast, safe, compliant XML parser for Node.js and browsers.