Bourbon
Webpacker
Our great sponsors
Bourbon | Webpacker | |
---|---|---|
3 | 54 | |
9,099 | 5,310 | |
0.0% | -0.1% | |
4.0 | 4.1 | |
about 1 month ago | 14 days ago | |
Ruby | Ruby | |
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.
Bourbon
-
Show HN: Atlassian Design for Bootstrap v5
It’s in the src/scss directory but they’re not using that much except overriding bootstrap which has its own.
You might find bourbon more useful.
https://github.com/twbs/bootstrap/tree/main/scss
https://www.bourbon.io
-
Show HN: Flowbite – Tailwind CSS Components Library [MIT License]
Tailwind is written in SASS and is not like SASS. I would equate Tailwind to an earlier utility framework like Bourbone[1].
Tailwind can be used to build/write "StyledComponents". And one can write in the style/methodology/philosophy of BEM.
All the the above terms are all of different categories.
1. https://www.bourbon.io
-
CSS Deep
thoughtbot/bourbon - A lightweight Sass tool set.
Webpacker
-
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?
Compass - Compass is no longer actively maintained. Compass is a Stylesheet Authoring Environment that makes your website design simpler to implement and easier to maintain.
shakapacker - Use Webpack to manage app-like JavaScript modules in Rails
Sass - Sass makes CSS fun!
esbuild - An extremely fast bundler for the web
Autoprefixer - Autoprefixer for Ruby and Ruby on Rails
Asset Sync - Synchronises Assets between Rails and S3
Less Rails - :-1: :train: Less.js For Rails
Sprockets
Quiet Assets
turbo-rails - Use Turbo in your Ruby on Rails app
Less - Leaner CSS, in your browser or Ruby (via less.js).
jsbundling-rails - Bundle and transpile JavaScript in Rails with esbuild, rollup.js, or Webpack.