fix build

.travis.yml

@@ -13,6 +13,7 @@ env:
     - MONGO_URI_TEST=mongodb://travis:test@127.0.0.1:27017/chdb_test
     - YOUTUBE_KEY=dummy-key
 install:
+  - npm install -g npm@latest
   - npm install
 script:
   - npm run lint

src/components/ui/loader/index.js

@@ -0,0 +1,45 @@
+import React, {Component, PropTypes} from 'react';
+import cn from 'classnames';
+import styles from './loader.scss';
+
+const sizes = {
+  s: 16,
+  m: 24,
+  l: 32,
+  xl: 48,
+};
+
+export default class Loader extends Component {
+  static propTypes = {
+    multicolor: PropTypes.bool,
+    strokeWidth: PropTypes.number,
+    size: PropTypes.oneOf(Object.keys(sizes)),
+  }
+
+  static defaultProps = {
+    strokeWidth: 4,
+    size: 'm',
+    multicolor: true,
+  }
+
+  render() {
+    const {size, strokeWidth, multicolor, className, style} = this.props;
+    const sizeStyle = {width: sizes[size], height: sizes[size]};
+
+    return <div className={className} style={{...sizeStyle, ...style}}>
+      <div className={styles.loader} style={sizeStyle}>
+        <svg className={styles.loaderCircle} viewBox="25 25 50 50">
+          <circle
+            className={cn(styles.loaderPath, {
+              [styles.loaderPathMulticolor]: multicolor,
+            })}
+            cx="50"
+            cy="50"
+            r="20"
+            fill="none"
+            strokeWidth={strokeWidth} />
+        </svg>
+      </div>
+    </div>;
+  }
+}

webpack.config.prod.js

@@ -4,6 +4,7 @@ var ExtractTextPlugin = require('extract-text-webpack-plugin');
 var autoprefixer = require('autoprefixer');
 
 module.exports = {
+  bail: true,
   devtool: 'hidden-cheap-module-source-map',
   entry: [
     'babel-polyfill',
@@ -17,6 +18,7 @@ module.exports = {
   resolve: {
     alias: {
       components: path.join(__dirname, 'src/components'),
+      utils: path.join(__dirname, 'src/utils'),
     },
   },
   plugins: [