dart_sass
An installer for sass powered by Elixir Mix (by CargoSense)
esbuild
An installer for esbuild (by phoenixframework)
dart_sass | esbuild | |
---|---|---|
3 | 5 | |
96 | 261 | |
- | 0.4% | |
5.1 | 6.3 | |
10 months ago | about 2 months ago | |
Elixir | 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.
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-04-01.
- Configuring TravisCI for phoenix with dart-sass
-
Elixir Phoenix 1.6 Esbuild + SCSS
# config/config.exs ... # Configure esbuild (the version is required) config :esbuild, version: "0.14.1", default: [ args: [ "js/app.js", "--bundle", "--target=es2016", "--outdir=../priv/static/assets", "--external:/fonts/*", "--external:/images/*" ], cd: Path.expand("../assets", __DIR__), env: %{"NODE_PATH" => Path.expand("../deps", __DIR__)} ] # https://github.com/CargoSense/dart_sass config :dart_sass, version: "1.44.0", default: [ args: ["scss/index.scss", "scss/index.css"], cd: Path.expand("../assets", __DIR__) ] ...
-
Adding Bootstrap to a Phoenix 1.6 project
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.
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"
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
-
Elixir Phoenix 1.6 Esbuild + SCSS
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
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!
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:
livebook - Automate code & data workflows with interactive Elixir notebooks
docker-phoenix-example - A production ready example Phoenix app that's using Docker and Docker Compose.
dart-sass - The reference implementation of Sass, written in Dart.
Plausible Analytics - Simple, open source, lightweight (< 1 KB) and privacy-friendly web analytics alternative to Google Analytics.
Bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.