feat: add webpack5 + storybook

nossas · Sep 22, 2023 · ef65114 · ef65114
1 parent fbf75db
commit ef65114
Show file tree

Hide file tree

Showing 35 changed files with 21,183 additions and 706 deletions.
diff --git a/app/tailwind/.babelrc b/app/tailwind/.babelrc
@@ -0,0 +1,11 @@
+{
+  "plugins": ["@babel/syntax-dynamic-import"],
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "modules": false
+      }
+    ]
+  ]
+}
diff --git a/app/tailwind/.storybook/main.js b/app/tailwind/.storybook/main.js
@@ -0,0 +1,17 @@
+/** @type { import('@storybook/html-webpack5').StorybookConfig } */
+const config = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions",
+  ],
+  framework: {
+    name: "@storybook/html-webpack5",
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+};
+export default config;
diff --git a/app/tailwind/.storybook/preview.js b/app/tailwind/.storybook/preview.js
@@ -0,0 +1,2 @@
+import '../static/dist/tailwind/css/page.css';
+
diff --git a/app/tailwind/README.md b/app/tailwind/README.md
@@ -0,0 +1,15 @@
+# 🚀 Welcome to your new awesome project!
+
+This project has been created using **webpack-cli**, you can now run
+
+```
+npm run build
+```
+
+or
+
+```
+yarn build
+```
+
+to bundle your application
diff --git a/app/tailwind/index.html b/app/tailwind/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <title>Webpack App</title>
+    </head>
+    <body>
+        <h1>Hello world!</h1>
+        <h2>Tip: Check your console</h2>
+    </body>
+
+</html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		import '../static/dist/tailwind/css/page.css';