Deploy to Netlify with Nuxt

[anujchhabria1]

Facing an issue when I'm deploying to Netlify. The page seems completely fine when serving locally. Once deployed on Netlify most of the styles are there but some are missing. Not sure what I am getting wrong. Pasting below my tailwind config file.

module.exports = {
  purge: [
    "./components/**/*.{vue,js}",
    "./layouts/**/*.vue",
    "./pages/**/*.vue",
    "./plugins/**/*.{js,ts}",
    "./nuxt.config.{js,ts}"
  ],
  darkMode: false, // or 'media' or 'class'
  theme: {
    fontFamily: {
      sans: ["Inter"]
    },
    colors: {
      indigo: colors.lightBlue,
      red: colors.red,
      white: colors.white,
      green: colors.green,
      gray: colors.coolGray,
      pink: colors.pink,
      purple: colors.violet,
      yellow: colors.yellow
    },
    zIndex: {
      '0': 0,
      '10': 10,
      '20': 20,
      '30': 30,
      '40': 40,
      '50': 50,
      '75': 75,
      '100': 100,
      'auto': 'auto',
    },
    extend: {}
  },
  variants: {
    textColor: [
      "responsive",
      "dark",
      "group-hover",
      "focus-within",
      "hover",
      "focus"
    ],
    extend: {}
  },
  plugins: [require("@tailwindcss/forms")]
};
````

[anujchhabria1]

I think i may know what the issue is. I have my components as a separate package in the node_modules, which reference taiwind styles, could those styles be purged since they are not a part of the purge whitelist in the config file? If yes, how do I make that work?

[anujchhabria1]

Got it -

"/node_modules/packagename/dist/*.{js,css}"