Decrease chart.js bytes (#1368)

* remove 'chartjs' dependency (typo of 'chart.js')

* don't load data for unsupported locales

* don't escape unnecessarily

client/app/stories/Chart.stories.jsx

@@ -1,4 +1,3 @@
-import 'chartjs';
 import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { Chart } from '../components/Chart';

client/package.json

@@ -30,7 +30,6 @@
     "axios": "^0.18.0",
     "babel-core": "7.0.0-bridge.0",
     "chart.js": "^2.6.0",
-    "chartjs": "^0.3.24",
     "chartkick": "^2.2.4",
     "es5-shim": "^4.5.9",
     "font-awesome": "^4.7.0",

client/webpack.config.js

@@ -10,6 +10,7 @@ const ManifestPlugin = require('webpack-manifest-plugin');
 const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
 const webpackConfigLoader = require('react-on-rails/webpackConfigLoader');
 const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
+const webpack = require('webpack');
 const baseConfig = require('./webpack.config.base');
 
 const configPath = resolve('..', 'config');
@@ -99,6 +100,8 @@ const config = Object.assign(baseConfig, {
       hot: !!devOrTestMode,
     }),
     new ManifestPlugin({ publicPath: output.publicPath, writeToFileEmit: true }),
+    // only load moment.js data for locales we support (see config/locale.rb)
+    new webpack.ContextReplacementPlugin(/moment[/\\]locale$/, /en|es|de|it|nb|nl|pt-BR|sv|vi|fr/),
   ],
 
   module: {

client/yarn.lock

@@ -2762,11 +2762,6 @@ chartjs-color@^2.1.0:
     chartjs-color-string "^0.5.0"
     color-convert "^0.5.3"
 
-chartjs@^0.3.24:
-  version "0.3.24"
-  resolved "https://registry.yarnpkg.com/chartjs/-/chartjs-0.3.24.tgz#3addeb5ae3606b3e89e346c27d52ca158416e93d"
-  integrity sha1-Ot3rWuNgaz6J40bCfVLKFYQW6T0=
-
 chartkick@^2.2.4:
   version "2.3.6"
   resolved "https://registry.yarnpkg.com/chartkick/-/chartkick-2.3.6.tgz#a507c54da7d117e66c9a9c5309f7ecccc2d28b51"