You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: guides/appendix/live-reload.md
+6-3Lines changed: 6 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,4 +1,7 @@
1
-
Integrating with ember's live-reload system can be fairly straight-forward.
1
+
For most JavaScript dependencies, installing them in your Ember app can be as quick as `npm install <some package name>`.
2
+
However, there are some libraries within the JavaScript ecosystem that have additional tooling that needs to integrate
3
+
with Ember's live-reload features for the best developer-experience. In this guide, you will learn how to install
4
+
and configure libraries to integrate with Ember's live-reload.
2
5
3
6
In short, any tool that can output or change files automatically can be used to add live-reload behavior.
4
7
@@ -10,7 +13,7 @@ The process is:
10
13
An example of this behavior and integration can be shown with a CSS authoring tool, Tailwind.
11
14
12
15
13
-
[Tailwind](https://tailwindcss.com/) is a popular way to use utility-first classes in projects that helps unify large projects using design-tokens-as-code.
16
+
[Tailwind](https://tailwindcss.com/) is a popular way to use utility-first CSS classes in an app. It can be used within many frontend frameworks, including Ember.
14
17
15
18
To use Tailwind JIT with Ember, this guide follows the [Tailwind Getting Started](https://tailwindcss.com/docs/installation) guide, with some minor tweaks to file names and their locations.
16
19
@@ -77,7 +80,7 @@ A couple notes though:
77
80
Lastly, we need to edit the `app/index.html` file to include the `tailwind.css` file:
0 commit comments