@s-ui/bundler 9.37.0-beta.0 → 9.37.0-tailwind.0

package/bin/sui-bundler.js

@@ -11,7 +11,7 @@ program
   .command('lib', 'Compile a library to a bundle with chunks.')
   .command(
     'analyzer',
-    'Compile all assets and create a HTML inpector for your bundle'
+    'Compile all assets and create a HTML inspector for your bundle'
   )
 
 program.parse(process.argv)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s-ui/bundler",
-  "version": "9.37.0-beta.0",
+  "version": "9.37.0-tailwind.0",
   "description": "Config-free bundler for ES6 React apps.",
   "bin": {
     "sui-bundler": "./bin/sui-bundler.js"
@@ -46,10 +46,11 @@
     "stream-http": "3.2.0",
     "strip-ansi": "6.0.1",
     "style-loader": "3.3.1",
+    "tailwindcss": "3.2.7",
     "url": "0.11.0",
     "webpack": "5.74.0",
     "webpack-dev-server": "4.10.0",
     "webpack-manifest-plugin": "5.0.0",
     "webpack-node-externals": "3.0.0"
   }
-}
+}

package/shared/index.js

@@ -1,3 +1,4 @@
+const fs = require('fs')
 const {config} = require('./config.js')
 
 exports.MAIN_ENTRY_POINT = './app.js'
@@ -7,6 +8,9 @@ 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').default()] : []),
             require('autoprefixer')({
               overrideBrowserslist: config.targets
             })

package/webpack.config.dev.js

@@ -9,7 +9,8 @@ const {
   MAIN_ENTRY_POINT,
   config,
   cleanList,
-  when
+  when,
+  isTailwindEnabled
 } = require('./shared/index.js')
 const definePlugin = require('./shared/define.js')
 const manifestLoaderRules = require('./shared/module-rules-manifest-loader.js')
@@ -99,6 +100,9 @@ const webpackConfig = {
             options: {
               postcssOptions: {
                 plugins: [
+                  ...(isTailwindEnabled()
+                    ? [require('tailwindcss').default()]
+                    : []),
                   require('autoprefixer')({
                     overrideBrowserslist: config.targets
                   })

package/webpack.config.prod.js

@@ -61,7 +61,10 @@ const webpackConfig = {
       fs: false,
       http: require.resolve('stream-http'),
       https: require.resolve('https-browserify'),
-      path: false
+      path: false,
+      stream: false,
+      zlib: false,
+      timers: false
     }
   },
   entry: MAIN_ENTRY_POINT,