Add Angular example #115
Add Angular example #115
Conversation
Initialize the Angular project, using the latest version of the @angular/cli (v11.1.4 at the time of writing) and accepting the default configuration.
Install required dependencies in order to integrate Tailwind.css into the Angular project. Add `ngx-build-plus` schematics in order to extend the Angular CLI's default build behavior without ejecting. Create a webpack.config.js file and provide the minimum Webpack configuration to configure Postcss with Tailwind.css. Extend the angular build, serve and test commands to provide extra webpack config to generate Tailwind.css styles. Generate the Tailwind.css config with `npx tailwindcss init` command. Add Tailwind.css base styles to the application’s (global) style.scss file.
Define the sample application template using Tailwind.css classes. Template / style credits greatly inspired by tailwind.play (play.tailwindcss.com).
|
Hey @adamwathan I apologize if the repository is not actively maintained anymore, but I wanted to contribute to the project with an Angular example. I provided a detailed instructions on how to integrate Tailwind with Angular (latest versions of both, at the time of writing), in the MR in the README.md. Many thanks! |
|
Note that Angular v11.2 now supports TailwindCSS out of the box. Related PR: tailwindlabs/tailwindcss.com#759 |
|
Thanks for the heads-up @jits . I was unaware of this change in the Angular v11.2 🙂 . |
Adds an example of Tailwind in Angular project with a sample template indicating that the Tailwind is working correctly.
It also provides a detailed setup process on how to add Tailwind into an existing Angular project.