add rollup-plugin-url to support importing images

Author: transitive-bullshit

package.json

@@ -43,7 +43,8 @@
     "rollup-plugin-commonjs": "^8.2.1",
     "rollup-plugin-node-resolve": "^3.0.2",
     "rollup-plugin-peer-deps-external": "^2.0.0",
-    "rollup-plugin-postcss": "^1.1.0"
+    "rollup-plugin-postcss": "^1.1.0",
+    "rollup-plugin-url": "^1.3.0"
   },
   "files": [
     "dist"

rollup.config.js

@@ -1,6 +1,7 @@
 import babel from 'rollup-plugin-babel'
 import commonjs from 'rollup-plugin-commonjs'
 import external from 'rollup-plugin-peer-deps-external'
+import url from 'rollup-plugin-url'
 import postcss from 'rollup-plugin-postcss'
 import resolve from 'rollup-plugin-node-resolve'
 
@@ -25,6 +26,7 @@ export default {
     postcss({
       modules: true
     }),
+    url(),
     babel({
       exclude: 'node_modules/**'
     }),

src/styles.css

@@ -1,5 +1,3 @@
-/* add css styles here (optional) */
-
 .test {
   display: inline-block;
   margin: 2em auto;

yarn.lock

@@ -5107,7 +5107,7 @@ mime@1.4.1:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/mime/-/mime-1.4.1.tgz#121f9ebc49e3766f311a76e1fa1c8003c4b03aa6"
 
-mime@^1.4.1, mime@^1.5.0:
+mime@^1.3.4, mime@^1.4.1, mime@^1.5.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
 
@@ -6755,6 +6755,13 @@ rollup-plugin-postcss@^1.1.0:
     rollup-pluginutils "^2.0.1"
     style-inject "^0.2.0"
 
+rollup-plugin-url@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-url/-/rollup-plugin-url-1.3.0.tgz#16d4ac79a685d01ab53dbd8dbd44da133870fde1"
+  dependencies:
+    mime "^1.3.4"
+    rollup-pluginutils "^2.0.1"
+
 rollup-pluginutils@^1.5.0:
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/rollup-pluginutils/-/rollup-pluginutils-1.5.2.tgz#1e156e778f94b7255bfa1b3d0178be8f5c552408"