⚠️ This extension is deprecated. Try Tailpile, more powerful & future proof.

Tailwind CSS Transpiler


Tailwind CSS Transpiler transpile/compile your tailwind CSS/SCSS files into pure CSS files.

Installation

Install via the VS Code Marketplace →

Features

Transpile tailwind files

Transpile tailwind CSS/SCSS files On Save.

Autoprefix

Add vendor prefixes to your CSS.

SCSS supported

Get the features provided by SCSS with .tailwind.scss

Optimize CSS

Optimize CSS using clean-css.

Requirements

Tailwind CSS Transpiler works only with .tailwind.css or .tailwind.scss files.

Settings

tailwindTranspiler.minifyOutputFile

Controls whether the exported CSS should be compressed.Default: false

{
  "tailwindTranspiler.minifyOutputFile": true
}

tailwindTranspiler.savePath

The path to store transpiled CSS.Default: null
Set the path relative from workspace root.

{
  "tailwindTranspiler.savePath": "public/css"
}

tailwindTranspiler.tailwindConfigPath

The path for tailwind configuration file. Default: tailwind.config.js
Set the path relative from workspace root.

{
  "tailwindTranspiler.tailwindConfigPath": "config/tailwind.js"
}

tailwindTranspiler.browsersList

This setting controls the target browsers.See Browserslist docs for available queries. Default:[ "> 1%", "last 2 versions" ]

{
  "tailwindTranspiler.browsersList": ["last 1 version", "> 1%", "ie 10"]
}


---

If you found any bug or if you have any suggestion , feel free to report or suggest me.You can contact me on Twitter.


A project by Augustin Joseph