Merge pull request #41 from raphaelfabeni/development

Updating webpack and webpack-dev-server

README.md

@@ -387,17 +387,15 @@ This loader differs from the other because we have to pass an attribute to it, a
 ## Contributing
 
 1. Clone this repository.
-2. `yarn install` and `yarn serve`
-3. Open => `http://localhost:3000` (if it didn't open automatically)
+2. Run `yarn install` and `yarn start`
+3. Open `http://localhost:3000`.
 4. Make your magic contribution.
- 4.1. Choose a special name for your loader (`loaders-name-you-want`) and add to `loaders.json`. 
- 4.2. Creates the example file inside the `examples` folder (uses the loader name you chose). You can copy one of the examples and make the necessary changes.
- 4.3. Creates the `.sass` files. The first one inside `src` folder which is the root style file for the loader and it will import the other files. And the other one, inside `loaders` folder with the specific style for the loader (both must have the same name you chose - _loader-name-you-chose_).
+ * Choose a special name for your loader (`loaders-name-you-want`) and add to `loaders.json`. 
+ * Create the example file inside the `examples` folder (uses the loader name you chose). You can copy one of the examples and make the necessary changes.
+ * Create the `.sass` files. The first one inside `src` folder which is the root style file for the loader and it will import the other files. And the other one, inside `loaders` folder with the specific style for the loader (both must have the same name you chose - _loader-name-you-chose_).
 5. Run `yarn build` to create/update the dist files.
 6. Open a _PR_ with a new branch describing your changes. <o/
 
-## Browser Support
-
 All examples use CSS _animation_ which is supported by [most current browsers](http://caniuse.com/#search=animation).
 
 | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_128x128.png" width="48px" height="48px" alt="Chrome logo"> | <img src="https://github.com/alrra/browser-logos/blob/master/src/firefox/firefox_128x128.png?raw=true" width="48px" height="48px" alt="Firefox logo"> | <img src="https://cdnjs.cloudflare.com/ajax/libs/browser-logos/40.2.1/archive/internet-explorer_9-11/internet-explorer_9-11_128x128.png" width="48px" height="48px" alt="Internet Explorer logo"> | <img src="https://github.com/alrra/browser-logos/blob/master/src/opera/opera_128x128.png?raw=true" width="48px" height="48px" alt="Opera logo"> | <img src="https://github.com/alrra/browser-logos/blob/master/src/safari/safari_128x128.png?raw=true" width="48px" height="48px" alt="Safari logo"> | <img src="https://github.com/alrra/browser-logos/blob/master/src/android/android_128x128.png?raw=true" width="48px" height="48px" alt="Android Browser Logo" >

package.json

@@ -6,7 +6,7 @@
  "main": "index.js",
  "scripts": {
  "build": "rimraf dist && webpack && rimraf dist/*.js",
- "serve": "webpack-dev-server"
+ "start": "webpack-dev-server"
  },
  "author": "Raphael Fabeni",
  "license": "MIT",
@@ -20,8 +20,8 @@
  "sass-loader": "^6.0.6",
  "sasslint-webpack-plugin": "^1.0.4",
  "style-loader": "^0.18.2",
- "webpack": "^3.5.5",
- "webpack-dev-server": "^2.7.1",
+ "webpack": "3.8.1",
+ "webpack-dev-server": "2.11.1",
  "webpack-livereload-plugin": "^0.11.0"
  }
 }