Tailwind CSS for Shopify theme | tailwind build is not working

Question

I am trying to generate css code by compiling tailwind base, components and utilities to develop Shopify theme.

Below is my files.

tailwind.config.json

module.exports = {
  content: ["./src/**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

application.css

@tailwind base;
@tailwind components;
@tailwind utilities;

Executing below code:

npx tailwindcss build -i  src/styles/application.css -o src/styles/tailwind.css

Screenshot as Below

terminal screenshot after running above code

Please let me know for more information on this issue.

Thanks in Advance.

What is your file structure? Where is tailwind config and where are the files? — Jax-p
– Jax-p, Commented Feb 25, 2022 at 9:10

M Atif Mehmood · Accepted Answer · 2022-02-25 10:22:02Z

0

Are your HTML and JavaScript files in src folder?
Make sure your to separate your tailwindcss file and html js for better code structure understanding.

module.exports = {
  content: ["./the folder where your html,js files exits/**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

answered Feb 25, 2022 at 10:22

M Atif Mehmood

3561 gold badge4 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Pratik Patel Over a year ago

Thanks for your input. I figured the way by pointing the folders correctly.

Collectives™ on Stack Overflow

Tailwind CSS for Shopify theme | tailwind build is not working

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related