Added missing loaders to webpack default config, updated package lists

Author: weblogixx

.eslintrc

@@ -11,6 +11,7 @@
     "react/prefer-stateless-function": 0,
     "react/jsx-no-bind": 0,
     "strict": 0,
-    "no-unused-expressions": 0
+    "no-unused-expressions": 0,
+    "no-underscore-dangle": [ "error", { "allowAfterThis": true }]
   }
 }

README.md

@@ -9,14 +9,25 @@ You may use this template either directly (by cloning this git repository) or by
 ## Features
 The following features are currently included out of the box:
 
-- [ ] Webpack 2 setup to get you started (including support for Hot-Loading, LESS/SASS/SCSS and PostCSS)
+- [x] Webpack 2 setup to get you started (including support for LESS/SASS/SCSS/Stylus and PostCSS)
 - [x] Babel 6 to transpile ES2015 and JSX
 - [x] React 15.0
 - [x] Mocha, Chai and Enzyme for easy unit testing (without karma)
-- [x] Isparta for collecting coverage information
+- [x] Istanbul and Isparta for collecting coverage information
 - [x] Preconfigured .editorconfig file
 - [x] Preconfigured eslint configuration, based on airbnb
 
+## Common Questions:
+
+- I want to use less/sass/whatever, but get an error when requiring the file:
+We currently do not ship the needed modules. This is done on purpose, as we dont want you to install too much dependencies. If you do not use a css precompiler, chance is you wont even notice it. If you need one, just install the required webpack loader (e.g. for less via ```npm install --save-dev less-loader```).
+
+- I want to change/add/remove one of the given configs for webpack:
+The webpack configuration is located in ```conf/webpack```. All changes in Base.js will get delegated to all webpack configurations, so you will just have to update this file for adding loaders etc. You may add your own configurations at any time. Just make sure to extend ```WebpackBaseConfig``` to make it work. When ready, just update ```conf/webpack/index.js``` with your wanted options to make them work.
+
+- Where do I find configuration options for *insert tool of choise here*:
+Every configuration options are located either directly in the project root (as for .babelrc, base webpack...) or as a folder in the conf directory.
+
 ## Using it
 The template uses webpack as build tool to serve files and run tests. The following commands are available:
 

conf/webpack/Base.js

@@ -51,6 +51,22 @@ class WebpackBaseConfig {
             test: /\.css$/,
             loaders: ['style', 'css']
           },
+          {
+            test: /\.sass$/,
+            loaders: ['style', 'css', 'sass']
+          },
+          {
+            test: /\.scss$/,
+            loaders: ['style', 'css', 'sass']
+          },
+          {
+            test: /\.less$/,
+            loaders: ['style', 'css', 'less']
+          },
+          {
+            test: /\.styl$/,
+            loaders: ['style', 'css', 'stylus']
+          },
           {
             test: /\.(png|jpg|gif|mp4|ogg|svg|woff|woff2)$/,
             loaders: ['file']

conf/webpack/Test.js

@@ -3,7 +3,6 @@
  */
 'use strict';
 const WebpackBaseConfig = require('./Base');
-const path = require('path');
 
 class WebpackTestConfig extends WebpackBaseConfig {
 
@@ -22,10 +21,6 @@ class WebpackTestConfig extends WebpackBaseConfig {
         },
         {
           test: /\.(js|jsx)$/,
-          /*include: [
-            path.resolve('src'),
-            path.resolve('test')
-          ],*/
           exclude: /(node_modules|bower_components)/,
           loader: 'babel',
           query: {

package.json

@@ -1,12 +1,12 @@
 {
   "name": "react-webpack-template",
   "version": "2.0.0-alpha-1",
-  "description": "Boilerplate Template for React and Webpack",
+  "description": "React Webpack Starter Kit",
   "main": "src/index.js",
   "scripts": {
     "start": "npm run serve:dev",
     "test": "mocha",
-    "test:watch": "npm test -- -w",
+    "test:watch": "mocha -w",
     "cover": "babel-node ./node_modules/.bin/isparta cover ./node_modules/.bin/_mocha",
     "serve:dev": "webpack-dev-server --open --env dev",
     "dist": "webpack --progress --bail --env dist -p"
@@ -19,6 +19,9 @@
     "React",
     "Webpack",
     "Babel",
+    "Starterkit",
+    "Starter",
+    "Template",
     "Boilerplate"
   ],
   "author": "Christian Schilling ([email protected])",
@@ -31,20 +34,20 @@
     "babel-cli": "^6.7.7",
     "babel-core": "^6.7.6",
     "babel-loader": "^6.2.4",
-    "babel-preset-airbnb": "^1.1.1",
+    "babel-preset-airbnb": "^2.0.0",
     "babel-preset-es2015-native-modules": "^6.6.0",
     "babel-preset-react": "^6.5.0",
     "chai": "^3.5.0",
     "css-loader": "^0.23.1",
     "enzyme": "^2.2.0",
     "eslint": "^2.8.0",
-    "eslint-config-airbnb": "^7.0.0",
+    "eslint-config-airbnb": "^9.0.0",
     "eslint-plugin-import": "^1.4.0",
-    "eslint-plugin-jsx-a11y": "^0.6.2",
-    "eslint-plugin-react": "^4.3.0",
+    "eslint-plugin-jsx-a11y": "^1.0.0",
+    "eslint-plugin-react": "^5.0.0",
     "file-loader": "^0.8.5",
     "isparta": "^4.0.0",
-    "jsdom": "^8.4.0",
+    "jsdom": "^9.0.0",
     "mocha": "^2.4.5",
     "null-loader": "^0.1.1",
     "react-addons-test-utils": "^15.0.1",