updates (#29)

Author: codeBelt

.babelrc

@@ -4,10 +4,21 @@
       "presets": [
         ["es2015", {"modules": false}],
         "stage-2",
-        "react"
+        "react",
+        ["env", {
+          "targets": {
+            "browsers": [
+              "last 2 versions"
+            ]
+          },
+          "useBuiltIns": false
+        }]
       ],
       "plugins": [
-        "react-hot-loader/babel"
+        "react-hot-loader/babel",
+        "transform-class-properties",
+        "transform-object-rest-spread",
+        "system-import-transformer"
       ]
     },
     "server": {

.gitattributes

@@ -0,0 +1,3 @@
+* text=auto
+*.sh eol=lf
+*.cmd eol=crlf

.gitignore

@@ -4,3 +4,4 @@ npm-debug.log
 dist
 *.swp
 .yarnclean
+yarn-error.log

.stylelintrc

@@ -0,0 +1,11 @@
+{
+  "extends": "stylelint-config-standard",
+	"plugins": [
+		"stylelint-order"
+	],
+  "rules": {
+    "indentation": 4,
+    "color-hex-length": "long",
+    "order/properties-alphabetical-order": true
+  }
+}

.yarnrc

@@ -82,9 +82,13 @@
     "rimraf": "2.6.2",
     "robotstxt-webpack-plugin": "2.0.0",
     "style-loader": "0.19.0",
+    "stylelint": "8.2.0",
+    "stylelint-config-standard": "17.0.0",
+    "stylelint-order": "0.7.0",
     "webpack-dev-middleware": "1.12.0",
     "webpack-hot-middleware": "2.19.1",
-    "webpack-simple-progress-plugin": "0.0.2"
+    "webpack-simple-progress-plugin": "0.0.2",
+    "write-file-webpack-plugin": "4.2.0"
   },
   "dependencies": {
     "babel-polyfill": "6.26.0",

package.json

@@ -6,7 +6,7 @@ module.exports = {
             browsers: ['last 2 versions'],
         },
         'cssnano': {
-            autoprefixer: false, // cssnext handles ap
+            autoprefixer: false,
             discardComments: {
                 removeAll: true,
             },

postcss.config.js

@@ -5,6 +5,7 @@ const ExtractTextPlugin = require('extract-text-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const SimpleProgressPlugin = require('webpack-simple-progress-plugin');
 const HtmlWebpackHarddiskPlugin = require('html-webpack-harddisk-plugin');
+const WriteFilePlugin = require('write-file-webpack-plugin');
 const RobotstxtPlugin = require('robotstxt-webpack-plugin').default;
 const pkg = require('./package.json');
 
@@ -14,7 +15,7 @@ const NODE_ENV = process.env.NODE_ENV || 'production';
 const isProduction = (NODE_ENV === 'production');
 const isDevelopment = (NODE_ENV === 'development');
 
-const config = {
+const webpackConfig = {
     entry: isDevelopment
         ? [
             'babel-polyfill',
@@ -52,10 +53,19 @@ const config = {
                         use: [
                             {
                                 loader: 'css-loader',
-                                options: {minimize: true},
+                                options: {
+                                    minimize: isProduction,
+                                    sourceMap: !isProduction
+                                },
                             },
                             {
                                 loader: 'postcss-loader',
+                                options: {
+                                    sourceMap: !isProduction,
+                                    config: {
+                                        path: './postcss.config.js',
+                                    },
+                                },
                             },
                         ],
                     })
@@ -124,9 +134,10 @@ const config = {
 
         new CopyWebpackPlugin([
             {
-                context: 'src/assets/media',
+                context: 'src/assets',
                 from: '**/*',
-                to: 'assets/media',
+                to: 'assets',
+                ignore: ['styles/**/*'],
             },
         ]),
 
@@ -137,6 +148,8 @@ const config = {
                     : {userAgent: '*', disallow: '/'},
             ],
         }),
+
+        new WriteFilePlugin(), // Forces webpack-dev-server to write files.
     ].filter(Boolean),
 
     devtool: isProduction
@@ -148,4 +161,4 @@ const config = {
     },
 };
 
-module.exports = config;
+module.exports = webpackConfig;