🚧 Ongoing work on components and pattern info

packages/benjamin/rollup.config.js

@@ -1,27 +1,48 @@
 import babel from "rollup-plugin-babel";
 import resolve from "rollup-plugin-node-resolve";
+import commonjs from "rollup-plugin-commonjs";
 import json from "rollup-plugin-json";
 import minify from "rollup-plugin-babel-minify";
-//import peerDepsExternal from "rollup-plugin-peer-deps-external";
+import yaml from "rollup-plugin-yaml";
+import url from "rollup-plugin-url";
+import postcss from "rollup-plugin-postcss";
+import svgr from "@svgr/rollup";
+import peerDepsExternal from "rollup-plugin-peer-deps-external";
 import { name, version, description, author, license } from "./package.json";
 
 export default {
   input: "src/index.js",
-  output: {
-    sourcemap: true
-  },
+  output: [
+    {
+      file: "dist/index.js",
+      format: "cjs",
+      sourcemap: true
+    },
+    {
+      file: "dist/index.mjs",
+      format: "es",
+      sourcemap: true
+    }
+  ],
   plugins: [
-    //peerDepsExternal(),
-    resolve({ browser: true }),
-    json()
-    //babel({
-    //  exclude: "node_modules/**",
-    //  plugins: ["@babel/plugin-proposal-object-rest-spread"]
-    //})
-    //minify({
-    //  comments: false,
-    //  sourceMap: true,
-    //  banner: `/**\n * ${name} | v${version}\n * ${description}\n * (c) ${new Date().getFullYear()} ${author}\n * @license ${license}\n */`
-    //})
+    peerDepsExternal(),
+    resolve({ modulesOnly: true }),
+    url(),
+    commonjs(),
+    json(),
+    yaml(),
+    svgr(),
+    postcss({
+      modules: true
+    }),
+    babel({
+      exclude: "node_modules/**",
+      plugins: ["@babel/plugin-proposal-object-rest-spread"]
+    }),
+    minify({
+      comments: false,
+      sourceMap: true,
+      banner: `/**\n * ${name} | v${version}\n * ${description}\n * (c) ${new Date().getFullYear()} ${author}\n * @license ${license}\n */`
+    })
   ]
 };