feat: vite support for v2 (tailwind 3+) (#202)

NathanWalker · web-flow · commit 0b5f3d7dbd98 · 2025-09-10T20:19:55.000-07:00
diff --git a/nativescript.vite.mjs b/nativescript.vite.mjs
@@ -0,0 +1,22 @@
+import{createRequire } from "module";
+const require = createRequire(import.meta.url);
+
+let postcssConfig = "./postcss.config.js";
+
+try{
+ const tailwind = require("tailwindcss");
+ const nsTailwind = require("@nativescript/tailwind");
+ postcssConfig ={plugins: [tailwind, nsTailwind] };
+} catch (err){
+ console.warn(
+ "Inline PostCSS unavailable, falling back to ./postcss.config.js"
+ );
+}
+
+export default () =>{
+ return{
+ css:{
+ postcss: postcssConfig,
+ },
+ };
+};
diff --git a/package.json b/package.json
@@ -5,6 +5,7 @@
 "main": "src/index.js",
 "files": [
 "src",
+ "nativescript.vite.mjs",
 "nativescript.webpack.js"
 ],
 "repository": "https://github.com/NativeScript/tailwind",

-Original file line number
+Diff line change
@@ @@ -0,0 +1,22 @@ @@
 +import{createRequire}from"module";
 +constrequire=createRequire(import.meta.url);
++
 +letpostcssConfig="./postcss.config.js";
++
 +try{
 +consttailwind=require("tailwindcss");
 +constnsTailwind=require("@nativescript/tailwind");
 +postcssConfig={plugins: [tailwind,nsTailwind]};
 +}catch(err){
 +console.warn(
 +"Inline PostCSS unavailable, falling back to ./postcss.config.js"
 +);
 +}
++
 +exportdefault()=>{
 +return{
 +css: {
 +postcss: postcssConfig,
 +},
 +};
 +};