Less
Leaner CSS, in your browser or Ruby (via less.js). (by cowboyd)
Webpacker
Use Webpack to manage app-like JavaScript modules in Rails (by rails)
Our great sponsors
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.
Less
Posts with mentions or reviews of Less.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2021-02-26.
-
CSS Deep
mrkrupski/LESS-Dynamic-Stylesheet - A set of useful mixins for LESS, the CSS pre-processor: http://lesscss.org
-
Setting Up a JavaScript Build Process using Rollup
Now that we have addressed our scripts, we can focus on our styles. In this setup, we will look at the CSS preprocessor Less which lets us write CSS simpler, use variables and mixins. We can add it to the project with the following command:
Webpacker
Posts with mentions or reviews of Webpacker.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-02-01.
-
Asset Pipeline JS Migration
Using Webpacker in Rails provides several advantages over the traditional asset pipeline. First, Webpacker uses JavaScript modules, which allows for better code organization and improved code reusability. Second, it offers modern frontend build tools, such as Babel and PostCSS, for transforming and compiling assets. Third, it provides faster build times and faster runtime performance through code splitting and lazy loading. Fourth, it offers better integration with JavaScript frameworks such as React, Vue, and Angular. Overall, Webpacker offers a more flexible and modern asset management solution for Rails applications. And while Webpacker is being retired, this initiative is to consolidate our code accordingly before moving our bundler to another solution.
-
Thank you Webpacker, Goodbye Webpacker
This article is replace Webpacker with Simpacker and webpack.
- Is enabling full source maps in production a wise default? (2017)
-
How to setup ruby on rails + Angular
in ruby on rails 7 what is the best way to properly install Angular because I can't find any documentation about it. The only tutorial that exists uses webpacker (https://github.com/rails/webpacker) but unfortunately it is no longer supported and no longer up to date in terms of security.
-
What is the pros and cons of using Rails asset pipeline vs. webpack to hold assets?
From the webpacker gem:
-
Webpacker can’t find application.js - fix or bypass completely?
Check this: https://github.com/rails/webpacker/issues/2825
-
Using Rails+ReactJS with Webpacker on VS Code?
instead of using webpacker you should move to esbuild or importmap. Webpacker has been retired a few months ago (cf https://github.com/rails/webpacker) There are videos explained how to set this up (e.g. for importmap https://learnetto.com/tutorials/how-to-use-react-with-rails-7
-
Moving from BS4 to BS5 in Rails 6, having unexpected results
Took me 2 days to find this bug report: https://github.com/rails/webpacker/issues/3188 (thanks again tagliala)
-
Webpacker 6 development continues as shakacode/shakapacker
But it's there in the webpacker README now, if anyone hasn't seen it. https://github.com/rails/webpacker
- Webpacker Has Been Retired
What are some alternatives?
When comparing Less and Webpacker you can also consider the following projects:
rollup-plugin-postcss - Seamless integration between Rollup and PostCSS.
shakapacker - Use Webpack to manage app-like JavaScript modules in Rails
Less Rails - :-1: :train: Less.js For Rails
esbuild - An extremely fast bundler for the web
Quiet Assets
Asset Sync - Synchronises Assets between Rails and S3
Sass - Sass makes CSS fun!
Sprockets
Emoji - A gem. For Emoji. For everyone. ❤
turbo-rails - Use Turbo in your Ruby on Rails app
Gutenberg - Modern framework to print the web correctly.
jsbundling-rails - Bundle and transpile JavaScript in Rails with esbuild, rollup.js, or Webpack.