Bakelor-Tailwind-Editors Configuration Guide

bakelor-tailwind-editors is a library styled with Tailwind CSS. To ensure the styles are applied correctly in your project, follow the configuration steps below.

Tailwind CSS Configuration for Bakelor-Tailwind-Editors

1. Update Tailwind CSS Configuration File

Ensure your tailwind.config.js file in your main project (not the library) is configured to consider the styles from bakelor-tailwind-editors. Update the content section as follows:

module.exports = {
  // ...
  content: [
    './src/**/*.{html,ts}', // Your Angular files
    './node_modules/bakelor-tailwind-editors/**/*.{html,ts,js,mjs,scss}', // Bakelor-Tailwind-Editors library
  ],
  // ...
}

This configuration ensures that Tailwind CSS considers the classes used within the bakelor-tailwind-editors library during the purge process, preventing them from being removed in the production build.

2. Include Library Styles and Assets in Your Project

In your angular.json file, ensure that the styles and assets from bakelor-tailwind-editors are included in your project's build options:

{
  // ...
  "projects": {
    "your-app-name": {
      // ...
      "architect": {
        "build": {
          // ...
          "options": {
            // ...
            "styles": [
              "./node_modules/bakelor-tailwind-editors/assets/styles/common.scss", // Library styles
              "src/styles.scss", // Your style file
              // ...
            ],
            "assets": [
              "src/favicon.ico",
              "src/assets",
              {
                "glob": "**/*",
                "input": "./node_modules/bakelor-tailwind-editors/assets",
                "output": "/assets/"
              }
            ],
            // ...
          },
          // ...
        },
        // ...
      },
      // ...
    },
    // ...
  },
  // ...
}

Note

Ensure that your application is set up to include the styles and scripts from the bakelor-tailwind-editors library. If you face any issues with styles not being applied, double-check the paths and ensure that the Tailwind CSS classes used within the library are not being purged unintentionally.