mozilla / fxa

Monorepo for Mozilla Accounts (formerly Firefox Accounts)
https://mozilla.github.io/ecosystem-platform/
Mozilla Public License 2.0
590 stars 212 forks source link

Watch + recompile PostCSS when changes occur #5533

Closed data-sync-user closed 4 years ago

data-sync-user commented 4 years ago

Packages fxa-settings, fxa-react, and fxa-admin-panel (and eventually others) use PostCSS to compile Tailwind. Currently it only builds prior to re/starting each service and compiling Storybook, which means you need to manually recompile when changes to anything Tailwind are made. It can be cumbersome.

To close this, each package that uses PostCSS should support watching its primary Tailwind CSS file, component SCSS files (including from external components?), and the Tailwind config file (including external base config?) and recompile PostCSS when changes are detected.

┆Issue is synchronized with this Jira Task ┆Issue Number: FXA-2025

LZoog commented 4 years ago

This should watch tailwind.css, tailwind.js, and any SCSS files within a package. fxa-settings has a few .scss files in there that are imported by tailwind.css.