Updated to Tailwind 2.0 have to recompile Webpacker every time I try and use any Tailwind UI

const colors = require('tailwindcss/colors')
const defaultTheme = require('tailwindcss/defaultTheme')

module.exports = {

  // Opt-in to TailwindCSS future changes
  future: {
  },
  //mode: 'jit',
  plugins: [
    // Uncomment the following if you'd like to use TailwindUI
    require('@tailwindcss/aspect-ratio'),
    require('@tailwindcss/forms'),
    require('@tailwindcss/line-clamp'),
    require('@tailwindcss/typography'),
  ],
  // Purge unused TailwindCSS styles
  purge: {
    enabled: true,
    content: [
      './**/*.html.erb',
      './app/helpers/**/*.rb',
      './app/javascript/**/*.js',
    ],
  },

import 'core-js/stable'
import 'regenerator-runtime/runtime'

// Rails functionality
window.Rails = require("@rails/ujs")
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require("trix")
require("@rails/actiontext")

//import "stylesheets/application"
import "stylesheets/base.scss"
import "stylesheets/components.scss"
import "stylesheets/utilities.scss"


// Stimulus controllers
import "controllers"

// Jumpstart Pro & other Functionality
const components = require.context("src", true)
components.keys().forEach(components)

import LocalTime from "local-time"
LocalTime.start()

// ADD YOUR JAVACSRIPT HERE
import "../trix-editor-overrides"


// Start Rails UJS
Rails.start()

colors: {
    teal: colors.teal,