fix(babel): Fix broken babel configuration

Add require.resolve to babel configuration
Move cacheDirectory option to webpack config instead of
babel config

Author: Nargonath

config/babel/babel.config.js

@@ -2,11 +2,7 @@
 
 const { browsersList } = require('../globals');
 
-const babelConfig = {
-  presets: [['env', { targets: { browsers: browsersList } }]],
-  plugins: ['transform-object-rest-spread'],
+module.exports = {
+  presets: [[require.resolve('babel-preset-env'), { targets: { browsers: browsersList } }]],
+  plugins: [require.resolve('babel-plugin-transform-object-rest-spread')],
 };
-
-const babelLoaderConfig = { cacheDirectory: true };
-
-module.exports = Object.assign(babelLoaderConfig, babelConfig);

config/webpack/webpack.config.js

@@ -121,7 +121,10 @@ module.exports = (env = { dev: true }) => {
               include: [appPath],
               use: [
                 require.resolve('ng-annotate-loader'),
-                { loader: require.resolve('babel-loader'), options: babelConfig },
+                {
+                  loader: require.resolve('babel-loader'),
+                  options: Object.assign({ cacheDirectory: true }, babelConfig),
+                },
               ],
             },