feat(packages/sui-bundler): add tailwindcss to client dev

SUI-Components · Oct 17, 2024 · ce7c945 · ce7c945
1 parent e0dd668
commit ce7c945
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/sui-bundler/webpack.config.client.dev.js b/packages/sui-bundler/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
                   })