Added url and file to webpack config

Author: Nicolás Martinez

.gitignore

@@ -1 +1,2 @@
-/node_modules
+npm-debug.log
+node_modules/

build/index.js

@@ -184,7 +184,7 @@ exports = module.exports = __webpack_require__(5)(undefined);
 
 
 // module
-exports.push([module.i, ".my-component {\n  background-color: #c3dfb7;\n  height: 200px; }\n", ""]);
+exports.push([module.i, ".my-component {\n  height: 200px; }\n", ""]);
 
 // exports
 

package.json

@@ -1,16 +1,29 @@
 {
-  "name": "nico-component",
-  "version": "0.0.1",
-  "description": "NPM test component",
+  "name": "npm-react-component-starter",
+  "version": "1.0.0",
+  "description": "Base project for creating React components and publish them to npm",
   "main": "build/index.js",
   "peerDependencies": {
     "react": "^16.0.0"
   },
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:nmartinezb3/npm-react-component-starter.git"
+  },
+  "bugs": {
+    "url": "git@github.com:nmartinezb3/npm-react-component-starter.git"
+  },
   "scripts": {
     "start": "webpack --watch",
     "build": "webpack",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
+  "keywords": [
+    "react-component",
+    "react",
+    "webpack",
+    "npm"
+  ],
   "author": "Nicolás Martínez",
   "license": "ISC",
   "devDependencies": {
@@ -21,9 +34,11 @@
     "babel-plugin-transform-react-jsx": "^6.24.1",
     "babel-preset-env": "^1.6.0",
     "css-loader": "^0.28.7",
+    "file-loader": "^1.1.3",
     "node-sass": "^4.5.3",
     "sass-loader": "^6.0.6",
-    "style-loader": "^0.18.2"
+    "style-loader": "^0.18.2",
+    "url-loader": "^0.5.9"
   },
   "dependencies": {
     "react": "^16.0.0",

src/components/MyComponent.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import '../styles/MyComponent.scss'
-
 class MyComponent extends React.Component {
 
     render() {

src/styles/MyComponent.scss

@@ -1,6 +1,3 @@
-$color: #c3dfb7;
-
 .my-component {
-  background-color: $color;
   height: 200px;
 }

webpack.config.js

@@ -17,7 +17,14 @@ module.exports = {
       {
           test: /\.scss$/,
           loaders: ['style-loader', 'css-loader', 'sass-loader']
-      }
+      },
+      {
+        test: /\.(jpg|png|gif)$/,
+        loader: 'url-loader',
+        options: {
+          limit: 25000,
+        },
+      },
     ],
   },
   externals: {