dart-sass VS esbuild

Compare dart-sass vs esbuild and see what are their differences.

dart-sass

The reference implementation of Sass, written in Dart. (by sass)

esbuild

An installer for esbuild (by phoenixframework)
Our great sponsors
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • SaaSHub - Software Alternatives and Reviews
dart-sass esbuild
21 5
3,795 261
1.3% 1.1%
8.7 6.3
3 days ago about 2 months ago
Dart Elixir
MIT License MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.

dart-sass

Posts with mentions or reviews of dart-sass. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-12-15.

esbuild

Posts with mentions or reviews of esbuild. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-04-01.
  • esbuild --> Could not resolve "js/app.js"
    1 project | /r/elixir | 8 Sep 2022
    Seems something weird with this version of `esbuild`. Could you try `0.14.29`? It's worth posting a bug in https://github.com/phoenixframework/esbuild/issues repo.
  • Configuring TravisCI for phoenix with dart-sass
    3 projects | dev.to | 1 Apr 2022
  • Elixir Phoenix 1.6 Esbuild + SCSS
    3 projects | dev.to | 4 Dec 2021
    Initially I just copied and pasted all the snippets thoughtlessly and one issue occurred. Because I use both phoenixframework/esbuild and CargoSense/dart_sass and they both output the CSS build result to the same file priv/static/assets/app.css, which means they keep on overriding that same file.
  • Adding Bootstrap to a Phoenix 1.6 project
    2 projects | dev.to | 9 Oct 2021
    For JavaScript and CSS, Phoenix is using esbuild as the new default bundler. To support Sass, we need to add a Sass compiler to the project. The dart_sass package is based on the official esbuild package created by Wojtek Mach and José Valim and integrates the official Sass compiler as a build tool.
  • Wait WAT!
    2 projects | /r/elixir | 17 Jul 2021
    It's using ESBuild, it's here already: https://github.com/phoenixframework/esbuild

What are some alternatives?

When comparing dart-sass and esbuild you can also consider the following projects:

node-sass - :rainbow: Node.js bindings to libsass

docker-phoenix-example - A production ready example Phoenix app that's using Docker and Docker Compose.

Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond

Bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

react-ssr-starter - 🔥 ⚛️ A React boilerplate for a universal web app with a highly scalable, offline-first foundation and our focus on performance and best practices.

dart_sass - An installer for sass powered by Elixir Mix

shelf - Web server middleware for Dart

Tailwind CSS - A utility-first CSS framework for rapid UI development.

Cirrus - :cloud: The SCSS framework for the modern web.

yaml - A Dart YAML parser.

emotion - 👩‍🎤 CSS-in-JS library designed for high performance style composition