Hello -
I am still very new to Phoenix / Elixir. I am having a very difficult time simply importing an additional css file in my app.css
file.
I am using Petal and just up downloaded their major update (to 1.0.0
). The instructions shown here: Install has the following lines:
@import "tailwindcss/base";
@import "../../deps/petal_components/assets/default.css";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
The problem is that @import "../../deps/petal_components/assets/default.css";
is simply not being imported / built. Is this an esbuild
problem? This problem is documented here: elixir - add CSS files to Phoenix - Stack Overflow but I followed these instructions and still no luck. Any ideas? I also imported the css file in the app.js
file (which still doesn’t make sense to me since it’s a css
file and I am coming from a webpack background…) but that didn’t work either…