⚠️ 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