Adding Assets to the Build
In this lesson, we will add some style to the list of our application with Tailwind CSS.
The fastest way to make our application look decent is by using a CSS library. We will use the amazing Tailwind library.
Ember-CLI bundles all JavaScript files that the application needs, including the application’s code, into one big ball in the build process. Then, it names this big ball after the project name, in our case, rarwe.js
. It does the same for CSS.
Tailwind Library
A tool called Broccoli
is responsible for bundling our assets, and its configuration is found in ember-cli-build.js
. There are two ways to tell Broccoli to include the Tailwind assets in our application.
The first way is to use an Ember add-on suited for that library. The second is to install the npm package and then do some additional plumbing to integrate it into our app. While using an Ember add-on is the simplest way to go, it has a few drawbacks. One of them is that the Ember add-on is always tied to a ...