npm install varie-bundler-tailwindcss-plugin --save-dev
Then Insert the plugin into your webpack.json.ts file :
import { WebBundler } from "varie-bundler";
import TailwindCssPlugin from "varie-bundler-tailwindcss-plugin";
export default function(env) {
return new WebBundler(env, {
vue: {
runtimeOnly: false
}
})
.entry("app", ["app/app.ts", "resources/sass/app.scss"])
.plugin(TailwindCssPlugin)
.build();
}
Refer to the tailwindcss docunmtation to setup adding tailwind to your css.