Merge pull request #3367 from plotly/buildtimes

Improved dash-table build time

Author: T4rk1n

components/dash-table/.config/webpack/base.js

@@ -31,7 +31,7 @@ module.exports = (options = {}) => {
                 type: 'window',
             }
         },
-        devtool: 'source-map',
+        devtool: mode === 'development' ? 'source-map' : false,
         externals: {
             react: 'React',
             'react-dom': 'ReactDOM',
@@ -53,31 +53,31 @@ module.exports = (options = {}) => {
                     test: /\.ts(x?)$/,
                     include: /node_modules[\\\/](highlight[.]js|d3-format)[\\\/]/,
                     use: [
-                        { loader: 'babel-loader', options: babel },
-                        { loader: 'ts-loader', options: ts },
+                        { loader: 'babel-loader', options: { ...babel, cacheDirectory: true } },
+                        { loader: 'ts-loader', options: { ...ts, transpileOnly: true } },
                     ]
                 },
                 {
                     test: /\.ts(x?)$/,
                     exclude: /node_modules/,
                     use: [
-                        { loader: 'babel-loader', options: babel },
-                        { loader: 'ts-loader', options: ts },
+                        { loader: 'babel-loader', options: { ...babel, cacheDirectory: true } },
+                        { loader: 'ts-loader', options: { ...ts, transpileOnly: true } },
                         { loader: 'webpack-preprocessor', options: JSON.stringify(preprocessor) }
                     ]
                 },
                 {
                     test: /\.js$/,
                     include: /node_modules[\\\/](highlight[.]js|d3-format)[\\\/]/,
                     use: [
-                        { loader: 'babel-loader', options: babel }
+                        { loader: 'babel-loader', options: { ...babel, cacheDirectory: true } }
                     ]
                 },
                 {
                     test: /\.js$/,
                     exclude: /node_modules/,
                     use: [
-                        { loader: 'babel-loader', options: babel },
+                        { loader: 'babel-loader', options: { ...babel, cacheDirectory: true } },
                         { loader: 'webpack-preprocessor', options: JSON.stringify(preprocessor) }
                     ]
                 },
@@ -98,6 +98,12 @@ module.exports = (options = {}) => {
                 }
             ]
         },
+        cache: {
+            type: 'filesystem',
+            buildDependencies: {
+                config: [__filename]
+            }
+        },
         resolve: {
             alias: {
                 'dash-table': path.resolve('./src/dash-table'),