custom twind bundle

README.md

npm install

For no module script:

npm run bundle:iife 

<script defer src="dist/twind.js"></script>

For module script:

npm run bundle:module 

<script type="module" src="dist/twind.esm.js"></script>

index.js

import { setup, observe } from 'twind/observe'
import * as colors from 'twind/colors'

setup({
  "mode": "silent",
  "theme": {
    "fontFamily": {
      "sans": ["Roboto", "sans-serif"]
    },
    "extend": {
      "colors": {
        "gray": colors.trueGray
      }
    }
  }
})

observe(document.documentElement)

package.json

{
  "name": "twind-setup-observe",
  "main": "index.js",
  "scripts": {
    "bundle:module": "esbuild index.js --outfile=dist/twind.esm.js --bundle --minify --format=esm --platform=browser --target=es2017",
    "bundle:iife": "esbuild index.js --outfile=dist/twind.js --bundle --minify --format=iife --platform=browser --target=es2017"
  },
  "dependencies": {
    "twind": "^0.16.12"
  },
  "devDependencies": {
    "esbuild": "^0.11.12"
  }
}