project base

static_src/base.css

+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+
+@layer base {
+  html {
+    font-family: "Roboto Condensed", system-ui, sans-serif;
+  }
+}
+
+
+@layer typography {
+    .font-bebas {
+        font-family: "Bebas Neue";
+    }
+}
+
+@import url("https://gfonts.pirati.cz/css2?family=Bebas+Neue&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");

tailwind.config.js

+const defaultTheme = require('tailwindcss/defaultTheme')
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "*/templates/*/*.html",
+    "*/templates/*/*/*.html",
+  ],
+  theme: {
+    extend: {
+      fontFamily: {
+        "bebas": ["Bebas Neue", defaultTheme.fontFamily.sans],
+        "sans": ["Roboto Condensed", defaultTheme.fontFamily.sans],
+      },
+    },
+  },
+  plugins: [],
+}

webpack.config.js

+const path = require('path');
+const BundleTracker = require('webpack-bundle-tracker');
+
+module.exports = {
+  mode: "production",
+  context: __dirname,
+  entry: path.resolve("static_src", "base.js"),
+  output: {
+    path: path.resolve(__dirname, "shared", "static", "shared"),
+    filename: "[name]-[fullhash].js",
+  },
+  module: {
+    rules: [
+      {
+        test: /\.css$/i,
+        use: ["style-loader", "css-loader"],
+      },
+    ],
+  },
+  plugins: [
+    new BundleTracker({filename: './webpack-stats.json'})
+  ],
+};