@s-ui/bundler 9.66.0 → 9.67.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s-ui/bundler",
-  "version": "9.66.0",
+  "version": "9.67.0",
   "description": "Config-free bundler for ES6 React apps.",
   "bin": {
     "sui-bundler": "./bin/sui-bundler.js"
@@ -54,6 +54,7 @@
     "strip-ansi": "6.0.1",
     "style-loader": "3.3.4",
     "swc-loader": "0.2.6",
+    "tailwindcss": "3.4.14",
     "url": "0.11.0",
     "webpack-dev-server": "5.0.4",
     "webpack-manifest-plugin": "5.0.0",

package/shared/index.js

@@ -1,3 +1,4 @@
+const fs = require('fs')
 const {config} = require('./config.js')
 
 exports.MAIN_ENTRY_POINT = './app'
@@ -7,6 +8,8 @@ exports.cleanList = list => list.filter(Boolean)
 
 exports.when = (check, getValue) => (check ? getValue() : false)
 
+exports.isTailwindEnabled = () => fs.existsSync(`${process.cwd()}/tailwind.config.js`)
+
 exports.envVars = (env = []) =>
   env.reduce(
     (acc, variable) => {

package/shared/module-rules-sass.js

@@ -1,6 +1,6 @@
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 
-const {cleanList, config, when} = require('./index')
+const {cleanList, config, when, isTailwindEnabled} = require('./index')
 
 module.exports = {
   test: /(\.css|\.scss)$/,
@@ -18,6 +18,7 @@ module.exports = {
       options: {
         postcssOptions: {
           plugins: [
+            ...(isTailwindEnabled() ? [require('tailwindcss')()] : []),
             require('autoprefixer')({
               overrideBrowserslist: config.targets
             })

package/webpack.config.client.dev.js

@@ -9,7 +9,7 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 const HtmlWebpackInjectAttributesPlugin = require('html-webpack-inject-attributes-plugin')
 const {withHydrationOverlayWebpack} = require('@builder.io/react-hydration-overlay/webpack')
 
-const {envVars, MAIN_ENTRY_POINT, config, cleanList, when} = require('./shared/index.js')
+const {envVars, MAIN_ENTRY_POINT, config, cleanList, when, isTailwindEnabled} = require('./shared/index.js')
 const definePlugin = require('./shared/define.js')
 const manifestLoaderRules = require('./shared/module-rules-manifest-loader.js')
 const {aliasFromConfig, defaultAlias} = require('./shared/resolve-alias.js')
@@ -110,6 +110,7 @@ const webpackConfig = {
             options: {
               postcssOptions: {
                 plugins: [
+                  ...(isTailwindEnabled() ? [require('tailwindcss')()] : []),
                   require('autoprefixer')({
                     overrideBrowserslist: config.targets
                   })

package/webpack.config.dev.js

@@ -5,7 +5,7 @@ const webpack = require('webpack')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
 const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin')
 
-const {envVars, MAIN_ENTRY_POINT, config, cleanList, when} = require('./shared/index.js')
+const {envVars, MAIN_ENTRY_POINT, config, cleanList, when, isTailwindEnabled} = require('./shared/index.js')
 const definePlugin = require('./shared/define.js')
 const manifestLoaderRules = require('./shared/module-rules-manifest-loader.js')
 const {aliasFromConfig, defaultAlias} = require('./shared/resolve-alias.js')
@@ -104,6 +104,7 @@ const webpackConfig = {
             options: {
               postcssOptions: {
                 plugins: [
+                  ...(isTailwindEnabled() ? [require('tailwindcss')()] : []),
                   require('autoprefixer')({
                     overrideBrowserslist: config.targets
                   })