extract css by rollup plugin

package.json

@@ -43,6 +43,7 @@
     "puppeteer": "^1.9.0",
     "rollup": "^0.66.6",
     "rollup-plugin-node-resolve": "^3.4.0",
+    "rollup-plugin-postcss": "^1.6.2",
     "rollup-plugin-terser": "^3.0.0",
     "rollup-plugin-typescript": "^1.0.0",
     "ts-node": "^7.0.1",

rollup.config.js

@@ -1,6 +1,7 @@
 import typescript from 'rollup-plugin-typescript';
 import resolve from 'rollup-plugin-node-resolve';
 import { terser } from 'rollup-plugin-terser';
+import postcss from 'rollup-plugin-postcss';
 import pkg from './package.json';
 
 function toRecordPath(path) {
@@ -72,7 +73,13 @@ export default [
   // browser
   {
     input: './src/index.ts',
-    plugins: [typescript(), resolve()],
+    plugins: [
+      typescript(),
+      resolve(),
+      postcss({
+        extract: false,
+      }),
+    ],
     output: [
       {
         name: 'rrweb',
@@ -83,7 +90,16 @@ export default [
   },
   {
     input: './src/index.ts',
-    plugins: [typescript(), resolve(), terser()],
+    plugins: [
+      typescript(),
+      resolve(),
+      postcss({
+        extract: true,
+        minimize: true,
+        sourceMap: 'inline',
+      }),
+      terser(),
+    ],
     output: [
       {
         name: 'rrweb',
@@ -95,7 +111,13 @@ export default [
   // CommonJS
   {
     input: './src/index.ts',
-    plugins: [typescript(), resolve()],
+    plugins: [
+      typescript(),
+      resolve(),
+      postcss({
+        extract: false,
+      }),
+    ],
     output: [
       {
         format: 'cjs',
@@ -106,7 +128,13 @@ export default [
   // ES module
   {
     input: './src/index.ts',
-    plugins: [typescript(), resolve()],
+    plugins: [
+      typescript(),
+      resolve(),
+      postcss({
+        extract: false,
+      }),
+    ],
     output: [
       {
         format: 'esm',
@@ -116,7 +144,14 @@ export default [
   },
   {
     input: './src/index.ts',
-    plugins: [typescript(), resolve(), terser()],
+    plugins: [
+      typescript(),
+      resolve(),
+      postcss({
+        extract: false,
+      }),
+      terser(),
+    ],
     output: [
       {
         format: 'esm',

src/replay/index.ts

@@ -16,6 +16,7 @@ import {
   missingNode,
 } from '../types';
 import { mirror } from '../utils';
+import './styles/style.css';
 
 // https://github.com/rollup/rollup/issues/1267#issuecomment-296395734
 // tslint:disable-next-line