Added a developement config file

Author: shamin

.gitignore

@@ -48,3 +48,6 @@ Icon
 Network Trash Folder
 Temporary Items
 .apdisk
+
+# Discarding bundle file
+example/bundle.js

.npmignore

@@ -2,6 +2,6 @@
 .editorconfig
 .eslintrc
 .gitignore
-.npmignore
 example/
-webpack.config.js
+webpack.config.js
+dev.config.js

dev.config.js

@@ -0,0 +1,31 @@
+module.exports = {
+  entry: [
+    './example/index.js'
+  ],
+  module: {
+    rules: [
+      {
+        test: /\.(js|jsx)$/,
+        exclude: /node_modules/,
+        use: ['babel-loader']
+      },
+      {
+        test: /\.css$/,
+        use: ['style-loader', 'css-loader']
+      }
+    ]
+  },
+  resolve: {
+    extensions: ['*', '.js', '.jsx', '.css']
+  },
+  output: {
+    path: `${__dirname}/example`,
+    publicPath: '/',
+    filename: 'bundle.js'
+  },
+  devServer: {
+    contentBase: './example',
+    historyApiFallback: true
+  }
+}
+

package.json

@@ -1,11 +1,12 @@
 {
   "name": "react-fullscreen-loading",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Minimal fullscreen loading for react",
-  "main": "dist/bundle.js",
+  "main": "dist/loading.js",
   "scripts": {
     "start": "webpack-dev-server --config ./webpack.config.js --mode development",
-    "build": "webpack --config webpack.config.js --mode production"
+    "dev": "webpack-dev-server --config dev.config.js --mode development",
+    "build": "webpack --mode production"
   },
   "keywords": [
     "React",

webpack.config.js

@@ -1,6 +1,6 @@
 module.exports = {
   entry: [
-    './example/index.js'
+    './lib/loading.js'
   ],
   module: {
     rules: [
@@ -22,10 +22,6 @@ module.exports = {
     path: `${__dirname}/dist`,
     publicPath: '/',
     filename: 'bundle.js'
-  },
-  devServer: {
-    contentBase: './example',
-    historyApiFallback: true
   }
 }