# Pinegrow Pro - Tailwind UI built with NPM - problem

**URL:** <https://forum.pinegrow.com/t/pinegrow-pro-tailwind-ui-built-with-npm-problem/6474>\
**Category:** General\
**Created:** [April 6, 2022, 6:08am UTC](https://forum.pinegrow.com/t/pinegrow-pro-tailwind-ui-built-with-npm-problem/6474 "2022-04-06T06:08:11Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bennyboy](https://avatars.discourse-cdn.com/v4/letter/b/57b2e6/32.png) [@Bennyboy](https://forum.pinegrow.com/u/Bennyboy)\
**Post date:** [April 6, 2022, 6:08am UTC](https://forum.pinegrow.com/t/pinegrow-pro-tailwind-ui-built-with-npm-problem/6474/1 "2022-04-06T06:08:11Z")

</div>

Hi all,

I have been trying to follow this tutorial:

> **[Using the external build process | Pinegrow Web Editor](https://pinegrow.com/docs/tailwind/using-external-build-process/)**
>
> Learn how to use Pinegrow with an external Tailwind CSS compilation process (not with using the built-in compiler).

But there is a problem, it seems that there are 2 ways to generate the build process, via npm or standalone executable.

For the stand-alone executable, the Pinegrow team shows this command  
./tailwindcss --input source.css --output tailwind.css --content “\*.html” --watch

But for the npm built, they do not show a command apart from “npm build” in this tutorial:

> **[The complete guide to customizing a Tailwind CSS theme](https://pinegrow.com/tutorials/customizing-a-tailwind-css-theme/)**
>
> The complete tutorial on creating a custom Tailwind CSS theme, including installing Node.js and setting up the PostCSS build process.

I have been for hours on this and cannot work out the right command to type so Pinegrow detect Tailwind UI and export the code in the public/build folder.

Any idea please?

Thanks

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [April 6, 2022, 9:33am UTC](https://forum.pinegrow.com/t/pinegrow-pro-tailwind-ui-built-with-npm-problem/6474/2 "2022-04-06T09:33:13Z")

</div>

Hi @Bennyboy,  
So for using the npm tutorial you are using postcss alongside the Tailwind CSS compiler. Within the ‘package.json’ config file you have a “build” command.

```auto
"build": "postcss tailwind.source.css -o public/build/tailwind.css"

```

That build command runs when you execute the `npm run build` command. In this case, when you execute the command in the base folder of your project, it will look for ‘tailwind.source.css’ in that same directory and then compile it to the public/build directory.

One thing that you can add to your config file is a ‘content’ field. This will make it behave more like the stand-alone for removing unused classes. The content field uses globs, but you should try to make it as specific as possible. So, if your HTML pages are all in the root folder you could add a line to your ‘config.json’ file:

```auto
content: ["./*.html"],

```

If you only have one page it is better to specify it.

```auto
content: ["./index.html"]

```

Here is a link for learning about globs: [A Beginner's Guide: Glob Patterns | Malik Browne](https://www.malikbrowne.com/blog/a-beginners-guide-glob-patterns)  
Hope this helps,  
Bob

---

<div class="post-metadata">

**Author:** ![Bennyboy](https://avatars.discourse-cdn.com/v4/letter/b/57b2e6/32.png) [@Bennyboy](https://forum.pinegrow.com/u/Bennyboy)\
**Post date:** [April 6, 2022, 1:23pm UTC](https://forum.pinegrow.com/t/pinegrow-pro-tailwind-ui-built-with-npm-problem/6474/3 "2022-04-06T13:23:45Z")

</div>

Hi Bob, thank you so much!  
I will try this tonight.