module add 'rollup-plugin-img',

add sample images

Author: kimcoder

.eslintrc

@@ -23,6 +23,7 @@
         "react/jsx-indent" : ["error", 4],
         "react/jsx-indent-props" : ["error", 4],
         "import/no-extraneous-dependencies": "off",
+        "import/prefer-default-export": "off",
         "react/destructuring-assignment": "off"
     }
 }

example/images/1.jpg

@@ -52,6 +52,7 @@
     "react-dom": "^16.4.2",
     "rollup": "^0.65.2",
     "rollup-plugin-babel": "^4.0.3",
+    "rollup-plugin-img": "^1.1.0",
     "webpack": "^4.17.2",
     "webpack-cli": "^3.1.0",
     "webpack-dev-server": "^3.1.7"

example/images/2.jpg

@@ -1,20 +1,22 @@
 import babel from "rollup-plugin-babel";
+import image from "rollup-plugin-img";
 import pkg from "./package.json";
 
 const external = id => !id.startsWith("/") && !id.startsWith(".");
 const getBabelOptions = () => ({
     runtimeHelpers: true,
-    plugins: ["@babel/transform-runtime"]
+    plugins: ["@babel/transform-runtime"],
 });
 
 export default {
     input: "./src/ImageSlider.jsx",
-    output: { 
+    output: {
         file: pkg.main,
-        format: "cjs" 
+        format: "cjs",
     },
     plugins: [
         babel(getBabelOptions()),
+        image({ limit: 1000 }),
     ],
-    external
-}
+    external,
+};