feat: 🎸 enable css modules

package.json

@@ -50,6 +50,7 @@
     "rollup-plugin-babel": "^4.3.3",
     "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-peer-deps-external": "^2.2.0",
+    "rollup-plugin-postcss": "^2.0.3",
     "rollup-plugin-terser": "^5.1.1"
   },
   "husky": {

rollup.config.js

@@ -1,6 +1,7 @@
 import babel from "rollup-plugin-babel";
 import resolve from "rollup-plugin-node-resolve";
 import peerDepsExternal from "rollup-plugin-peer-deps-external";
+import postcss from "rollup-plugin-postcss";
 import { terser } from "rollup-plugin-terser";
 
 const name = "Name";
@@ -31,6 +32,9 @@ export default {
   plugins: [
     peerDepsExternal(),
     resolve(),
+    postcss({
+      modules: true
+    }),
     babel({
       exclude: "node_modules/**"
     }),

src/index.css

@@ -0,0 +1,9 @@
+html,
+body {
+  padding: 0;
+  margin: 0;
+  background: tan;
+  display: flex;
+  vertical-align: center;
+  align-items: center;
+}

src/index.js

@@ -1,4 +1,5 @@
 import React from "react";
+import "./index.css";
 
 const MyComponent = () => <div>Hello there</div>;