Add example; init component

Author: x3388638

.babelrc

@@ -1,3 +1,3 @@
 {
-  "presets": ["@babel/preset-env", "@babel/preset-react"]
+  "presets": ["@babel/preset-env", "@babel/preset-react", "minify"]
 }

.eslintignore

@@ -1 +1,2 @@
 node_modules
+dist

.prettierignore

@@ -1 +1,2 @@
 node_modules
+dist

example/App.js

@@ -0,0 +1,13 @@
+import React from 'react'
+import Carousel from '..'
+
+const App = () => {
+  return (
+    <div>
+      Carousel demo:
+      <Carousel />
+    </div>
+  )
+}
+
+export default App

example/index.js

@@ -1,4 +1,5 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
+import App from './App'
 
-ReactDOM.render(<div>aaassss</div>, document.getElementById('root'))
+ReactDOM.render(<App />, document.getElementById('root'))

package.json

@@ -2,10 +2,10 @@
   "name": "react-grid-carousel",
   "version": "0.1.0",
   "description": "react-grid-carousel",
-  "main": "index.js",
+  "main": "dist/bundle.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "dev": "webpack-dev-server --config example/webpack.config.js",
+    "dev": "npm run build && webpack-dev-server --config example/webpack.config.js",
     "build": "webpack",
     "prettier:check": "prettier --check ./**/*.{js,json,css} && echo \"✅ Prettier validated\"",
     "prettier:write": "prettier --write ./**/*.{js,json,css}",

webpack.config.js

@@ -5,7 +5,8 @@ module.exports = {
   entry: './src/app.js',
   output: {
     path: path.resolve(__dirname, 'dist'),
-    filename: 'bundle.js'
+    filename: 'bundle.js',
+    libraryTarget: 'commonjs2'
   },
   module: {
     rules: [
@@ -15,7 +16,6 @@ module.exports = {
         use: {
           loader: 'babel-loader',
           options: {
-            presets: ['@babel/preset-env', 'minify'],
             comments: false
           }
         }