chore(build): minor code & plugins optimizations

Author: mariuszm

.eslintrc

@@ -31,10 +31,10 @@
     "jasmine": true,
     "node": true
   },
-  "ecmaFeatures": {
-    "modules": true
-  },
   "parserOptions": {
+    "ecmaFeatures": {
+      "modules": true
+    },
     "sourceType": "module"
   },
   "globals" : {

.gitignore

@@ -6,3 +6,4 @@ node_modules/
 .vscode/settings.json
 *.DS_Store
 npm-debug.log
+yarn-error.log

src/app/root.module.js

@@ -1,5 +1,5 @@
 import angular from 'angular';
-import uiRouter from 'angular-ui-router';
+import uiRouter from '@uirouter/angularjs';
 import ngMaterial from 'angular-material';
 import '../sass/main.scss';
 import { RootComponent } from './root.component';

src/sass/includes/_includes.scss

@@ -1,4 +1,3 @@
 // vendor
 @import '~angular-material/angular-material.css';
 @import '"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"';
-

webpack.base.conf.js

@@ -1,8 +1,9 @@
-const path              = require('path');
-const webpack           = require('webpack');
-const NODE_ENV          = process.argv.indexOf('-p') !== -1 ? 'production' : 'development';
-const ROOT_PATH         = path.resolve(__dirname, './');
-const ExtractTextPlugin = require('extract-text-webpack-plugin');
+const path                 = require('path');
+const webpack              = require('webpack');
+const NODE_ENV             = process.argv.indexOf('-p') !== -1 ? 'production' : 'development';
+const ROOT_PATH            = path.resolve(__dirname, './');
+const ExtractTextPlugin    = require('extract-text-webpack-plugin');
+const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin');
 
 const sassImports = [
   `${ROOT_PATH}/src/sass/includes/_includes.scss`,
@@ -21,6 +22,7 @@ const isExternal = (module) => {
   return userRequest.indexOf('node_modules') >= 0;
 };
 
+process.traceDeprecation = true;
 
 module.exports = {
 
@@ -93,9 +95,10 @@ module.exports = {
     }),
 
     new ExtractTextPlugin({
-      filename  : 'styles/[name].[hash].css',
-      allChunks : true,
-      disable   : !isProduction()
+      filename  : isProduction() ? 'styles/[name].[hash].css' : 'styles/[name].css',
+      allChunks : true
     }),
+
+    new FriendlyErrorsPlugin()
   ]
 };

webpack.dev.config.js

@@ -13,6 +13,20 @@ module.exports = merge(baseConfig, {
     overlay: {
       warnings: true,
       errors: true
+    },
+    stats: {
+      assets: true,
+      children: false,
+      chunks: false,
+      hash: false,
+      modules: false,
+      publicPath: false,
+      timings: true,
+      version: false,
+      warnings: true,
+      colors: {
+        green: '\u001b[32m',
+      }
     }
   },
 

webpack.prod.config.js

@@ -2,7 +2,6 @@ const baseConfig           = require('./webpack.base.conf');
 const merge                = require('webpack-merge');
 const CleanWebpackPlugin   = require('clean-webpack-plugin');
 const HtmlWebpackPlugin    = require('html-webpack-plugin');
-const PreloadWebpackPlugin = require('preload-webpack-plugin');
 
 module.exports = merge(baseConfig, {
 
@@ -26,12 +25,6 @@ module.exports = merge(baseConfig, {
         removeScriptTypeAttributes    : true,
         removeStyleLinkTypeAttributes : true
       }
-    }),
-
-    new PreloadWebpackPlugin({
-      rel: 'preload',
-      as: 'script',
-      include: 'all'
     })
   ]