build(docker): use Tailwind CLI for generating CSS

web/themes/custom/opdavies/package.json

@@ -1,14 +1,9 @@
 {
   "private": true,
   "scripts": {
-    "dev": "npm run development",
-    "development": "encore dev",
-    "prod": "npm run production",
-    "production": "encore production",
-    "watch": "encore dev --watch"
+    "build:css": "/app/run yarn:build:css"
   },
-  "devDependencies": {
-    "@symfony/webpack-encore": "^1.1.2",
+  "dependencies": {
     "@tailwindcss/aspect-ratio": "^0.2.0",
     "@tailwindcss/forms": "^0.2.1",
     "@tailwindcss/typography": "^0.4.0",
@@ -20,9 +15,7 @@
     "lodash": ">=4.17.19",
     "postcss": "^8.2.1",
     "postcss-easy-import": "^3.0.0",
-    "postcss-loader": "^5.2.0",
     "postcss-nested": "^5.0.5",
-    "tailwindcss": "^2.2.19",
-    "webpack-notifier": "^1.8.0"
+    "tailwindcss": "^2.2.19"
   }
 }

web/themes/custom/opdavies/tailwind.config.js

@@ -8,7 +8,7 @@ module.exports = {
   important: true,
   purge: {
     content: [
-      'config/**/*.yml',
+      '../../../../config/**/*.yml',
       'tailwindcss/safelist-classes.txt',
       'templates/**/*.html.twig'
     ],

web/themes/custom/opdavies/webpack.config.js

@@ -1,27 +0,0 @@
-let Encore = require('@symfony/webpack-encore')
-let path = require('path')
-
-Encore
-    .disableSingleRuntimeChunk()
-    .cleanupOutputBeforeBuild()
-    .setOutputPath('build/')
-    .setPublicPath('/themes/custom/opdavies/build')
-    .setManifestKeyPrefix('build/')
-
-    .addEntry('app', '@/app.js')
-
-    .enablePostCssLoader()
-
-    .addAliases({
-        '@': path.resolve(__dirname, 'assets', 'js'),
-        styles: path.resolve(__dirname, 'assets', 'css')
-    })
-
-if (!Encore.isProduction()) {
-    Encore.enableSourceMaps()
-}
-
-process.env.NODE_ENV =
-  process.env.NODE_ENV || Encore.isProduction() ? 'production' : 'development';
-
-module.exports = Encore.getWebpackConfig()