fix(webpack): validations errors

Author: mrtnbroder

webpack/webpack.client.config.js

@@ -1,5 +1,6 @@
 /* eslint-disable no-undefined, object-shorthand */
 
+const path = require('path')
 const config = require('../config/config')
 const merge = require('lodash.merge')
 const paths = require('../config/paths')
@@ -37,7 +38,8 @@ const webpackClientConfig = merge({}, webpackConfig, {
       {
         test: /\.css$/,
         loader: `style!css?modules${DEBUG ? '&localIdentName=[name]_[local]_[hash:base64:3]' : ''}!postcss`,
-        exclude: /node_modules/
+        exclude: /node_modules/,
+        include: path.resolve('.')
       }
     ])
   },
@@ -52,10 +54,6 @@ const webpackClientConfig = merge({}, webpackConfig, {
       name: config.inlineName,
       filename: `${config.inlineName}.js`
     }),
-    new webpack.LoaderOptionsPlugin({
-      minimize: true,
-      debug: false
-    }),
     new webpack.optimize.UglifyJsPlugin({
       sourceMap: false,
       output: {

webpack/webpack.config.js

@@ -14,14 +14,23 @@ const GLOBALS = {
 
 const plugins = [
   new webpack.NoErrorsPlugin(),
-  new webpack.DefinePlugin(GLOBALS)
+  new webpack.DefinePlugin(GLOBALS),
+  new webpack.LoaderOptionsPlugin({
+    minimize: !DEBUG,
+    debug: DEBUG,
+    options: {
+      context: paths.contextDir,
+      postcss: [
+        require('autoprefixer')({ browsers: ['> 1%', 'last 2 versions', 'Firefox ESR', 'IE 10'] })
+      ]
+    }
+  })
 ]
 
 const webpackConfig = {
   cache: DEBUG,
   context: paths.contextDir,
   bail: !DEBUG,
-  debug: DEBUG,
   devtool: DEBUG ? 'eval' : undefined,
   output: {
     publicPath: '/',
@@ -41,31 +50,27 @@ const webpackConfig = {
       }
     ]
   },
-  postcss: [
-    require('autoprefixer')({ browsers: ['> 1%', 'last 2 versions', 'Firefox ESR', 'IE 10'] }),
-  ],
   resolve: {
     modules: ['shared', 'node_modules'],
     extensions: [
-      '',
       '.web.js',
       '.js',
       '.json',
       '.jsx'
     ]
   },
   stats: {
-    // assets: VERBOSE,
+    assets: false,
     cached: VERBOSE,
     cachedAssets: VERBOSE,
     children: VERBOSE,
     chunkModules: VERBOSE,
     chunks: VERBOSE,
     colors: true,
-    // context: VERBOSE,
+    context: false,
     hash: VERBOSE,
     modules: VERBOSE,
-    reasons: VERBOSE,
+    reasons: true,
     source: VERBOSE,
     timings: true,
     version: VERBOSE,

webpack/webpack.server.config.js

@@ -1,5 +1,6 @@
 /* eslint-disable no-undefined, object-shorthand */
 
+const path = require('path')
 const webpack = require('webpack')
 const config = require('../config/config')
 const merge = require('lodash.merge')
@@ -8,6 +9,8 @@ const ExtractTextPlugin = require('extract-text-webpack-plugin')
 const webpackConfig = require('./webpack.config.js')
 const DEBUG = config.DEBUG
 
+const extractCSS = new ExtractTextPlugin({ filename: paths.styleSheet, disable: false, allChunks: true })
+
 //
 // Server Config
 // -----------------------------------------------------------------------------
@@ -24,19 +27,16 @@ const webpackServerConfig = merge({}, webpackConfig, {
     loaders: webpackConfig.module.loaders.concat([
       {
         test: /\.css$/,
-        loader: ExtractTextPlugin.extract({ fallbackLoader: 'style', loader: `css?modules${DEBUG ? '&localIdentName=[name]_[local]_[hash:base64:3]' : '&minimize'}!postcss` }),
-        exclude: /node_modules/
+        loader: extractCSS.extract({ fallbackLoader: 'style', loader: `css?modules${DEBUG ? '&localIdentName=[name]_[local]_[hash:base64:3]' : '&minimize'}!postcss` }),
+        exclude: /node_modules/,
+        include: path.resolve('.')
       }
     ])
   },
   plugins: webpackConfig.plugins.concat(
     new webpack.DefinePlugin({ __BROWSER__: false }),
-    new ExtractTextPlugin({ filename: paths.styleSheet, disable: false, allChunks: true })
+    extractCSS
   ).concat(DEBUG ? [] : [
-    new webpack.LoaderOptionsPlugin({
-      minimize: true,
-      debug: false
-    }),
     new webpack.optimize.UglifyJsPlugin({
       sourceMap: false,
       output: {