add postcss storybook addon

n8n-io · Aug 30, 2022 · 19f2a04 · 19f2a04
1 parent e5eb8e1
commit 19f2a04
Show file tree

Hide file tree

Showing 4 changed files with 47 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/design-system/.storybook/main.js b/packages/design-system/.storybook/main.js
@@ -8,12 +8,17 @@ module.exports = {
 	addons: [
 		'@storybook/addon-links',
 		'@storybook/addon-essentials',
+		{
+			name: '@storybook/addon-postcss',
+			options: {
+				postcssLoaderOptions: {
+          implementation: require('postcss'),
+        },
+			}
+		},
 		'storybook-addon-designs',
 		'storybook-addon-themes',
 	],
-	features: {
-		postcss: false,
-	},
 	webpackFinal: async (config) => {
 		config.module.rules.push({
 			test: /\.scss$/,
@@ -43,7 +48,7 @@ module.exports = {
 
 		config.resolve.alias = {
 			...config.resolve.alias,
-			"@/": path.resolve(__dirname, "../src/"),
+			'@/': path.resolve(__dirname, '../src/'),
 		};
 
 		return config;

diff --git a/packages/design-system/package.json b/packages/design-system/package.json
@@ -41,6 +41,7 @@
     "@storybook/addon-actions": "^6.5.10",
     "@storybook/addon-essentials": "^6.5.10",
     "@storybook/addon-links": "^6.5.10",
+    "@storybook/addon-postcss": "^2.0.0",
     "@storybook/vue": "^6.5.10",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/vue": "^5.8.2",

diff --git a/packages/design-system/postcss.config.js b/packages/design-system/postcss.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+	plugins: {
+    autoprefixer: {},
+	},
+};