Added support for regular css, as well as css modules (with own loader)

Author: weblogixx

.babelrc

@@ -1,11 +1,11 @@
 {
   "presets": [
     "es2015-native-modules",
-    "stage-0",
     "react",
     "airbnb"
   ],
   "plugins": [
-    "transform-decorators-legacy"
+    "transform-decorators-legacy",
+    "transform-object-rest-spread"
   ]
 }

.eslintrc

@@ -10,9 +10,6 @@
     "comma-dangle": 0,
     "padded-blocks": 0,
     "react/prefer-stateless-function": 0,
-    "react/jsx-no-bind": 0,
-    "strict": 0,
-    "no-unused-expressions": 0,
     "no-underscore-dangle": [ "error", { "allowAfterThis": true }],
     "import/no-unresolved": [ "error", "ignore": [
       'config',

conf/webpack/Base.js

@@ -1,8 +1,6 @@
 /**
  * Webpack configuration base class
  */
-'use strict';
-
 const path = require('path');
 const npmBase = path.join(__dirname, '../../node_modules');
 
@@ -69,7 +67,6 @@ class WebpackBaseConfig {
    */
   get defaultSettings() {
     return {
-      cache: true,
       context: this.srcPathAbsolute,
       debug: false,
       devtool: 'eval',
@@ -92,48 +89,51 @@ class WebpackBaseConfig {
         ],
         loaders: [
           {
-            test: /\.css$/,
+            test: /\.cssmodule\.css$/,
             loaders: [
               'style',
               'css?modules&importLoaders=1&localIdentName=[name]-[local]-[hash:base64:5]'
             ]
           },
           {
-            test: /\.sass$/,
+            test: /^.((?!cssmodule).)*\.css$/,
             loaders: [
               'style',
-              'css?modules&importLoaders=1&localIdentName=[name]-[local]-[hash:base64:5]',
-              'sass'
+              'css'
             ]
           },
           {
-            test: /\.scss$/,
+            test: /\.(sass|scss)$/,
             loaders: [
               'style',
-              'css?modules&importLoaders=1&localIdentName=[name]-[local]-[hash:base64:5]',
+              'css',
               'sass'
             ]
           },
           {
             test: /\.less$/,
             loaders: [
               'style',
-              'css?modules&importLoaders=1&localIdentName=[name]-[local]-[hash:base64:5]',
+              'css',
               'less'
             ]
           },
           {
             test: /\.styl$/,
             loaders: [
               'style',
-              'css?modules&importLoaders=1&localIdentName=[name]-[local]-[hash:base64:5]',
+              'css',
               'stylus'
             ]
           },
           {
             test: /\.(png|jpg|gif|mp4|ogg|svg|woff|woff2)$/,
             loaders: ['file']
           },
+          {
+            test: /\.json$/,
+            loaders: 'json'
+          },
           {
             test: /\.(js|jsx)$/,
             include: [].concat(

conf/webpack/Dev.js

@@ -1,8 +1,6 @@
 /**
  * Default dev server configuration.
  */
-'use strict';
-
 const webpack = require('webpack');
 const WebpackBaseConfig = require('./Base');
 

conf/webpack/Dist.js

@@ -2,8 +2,6 @@
  * Dist configuration. Used to build the
  * final output when running npm run dist.
  */
-'use strict';
-
 const webpack = require('webpack');
 const WebpackBaseConfig = require('./Base');
 

conf/webpack/Test.js

@@ -1,7 +1,6 @@
 /**
  * Default test configuration.
  */
-'use strict';
 const WebpackBaseConfig = require('./Base');
 const webpack = require('webpack');
 

conf/webpack/index.js

@@ -1,4 +1,3 @@
-'use strict';
 const dev = require('./Dev');
 const dist = require('./Dist');
 const test = require('./Test');

karma.conf.js

@@ -1,4 +1,3 @@
-'use strict';
 const webpackCfg = require('./webpack.config')('test');
 
 module.exports = function karmaConfig(config) {

package.json

@@ -9,7 +9,7 @@
     "posttest": "npm run lint",
     "test:watch": "karma start --autoWatch=true --singleRun=false --reporters=mocha,coverage",
     "serve:dev": "webpack-dev-server --open --env dev",
-    "serve:dist": "webpack-dev-server --hot --inline --open --progress --env dist -p",
+    "serve:dist": "webpack-dev-server --open --env dist -p --progress",
     "dist": "npm run clean && npm run copy && webpack --progress --bail --env dist -p",
     "lint": "eslint ./src",
     "clean": "rimraf dist/*",
@@ -42,11 +42,11 @@
     "babel-eslint": "^6.0.4",
     "babel-loader": "^6.2.4",
     "babel-plugin-transform-decorators-legacy": "^1.3.4",
+    "babel-plugin-transform-object-rest-spread": "^6.8.0",
     "babel-polyfill": "^6.9.0",
     "babel-preset-airbnb": "^2.0.0",
     "babel-preset-es2015-native-modules": "^6.6.0",
     "babel-preset-react": "^6.5.0",
-    "babel-preset-stage-0": "^6.5.0",
     "chai": "^3.5.0",
     "copyfiles": "^0.2.1",
     "css-loader": "^0.23.1",

src/components/App.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import cssmodules from 'react-css-modules';
-import styles from './app.css';
+import styles from './app.cssmodule.css';
 
 const yeomanImage = require('../images/yeoman.png');