From 9ac03a4ce7342bb60777f574caedd5b2a0d4087d Mon Sep 17 00:00:00 2001
From: Swashata Ghosh <swashata@wpquark.com>
Date: Sun, 28 Apr 2019 13:30:04 +0530
Subject: [PATCH] feat(scripts): compile node-modules with babel-loader

Add support for compiling node_modules with our own babel preset.

See #471
---
 .../scripts/src/config/WebpackConfigHelper.ts | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/packages/scripts/src/config/WebpackConfigHelper.ts b/packages/scripts/src/config/WebpackConfigHelper.ts
index baca731e5..65aeabea3 100644
--- a/packages/scripts/src/config/WebpackConfigHelper.ts
+++ b/packages/scripts/src/config/WebpackConfigHelper.ts
@@ -465,6 +465,34 @@ ${bannerConfig.copyrightText}${bannerConfig.credit ? creditNote : ''}`,
 			],
 			exclude: /(node_modules)/,
 		};
+
+		// Compile node_modules
+		const nmJsRules: webpack.RuleSetRule = {
+			test: /\.(js|mjs)$/,
+			// we exclude @babel/runtime and core-js
+			exclude: /(@babel(?:\/|\\{1,2})runtime)|(core-js)/,
+			include: /node_modules/,
+			use: [
+				{
+					loader: 'babel-loader',
+					options: {
+						// cache
+						...babelLoaderCacheOptions,
+						// preset from our own package
+						presets: getBabelPresets({ hasReact: false }),
+						// If an error happens in a package, it's possible to be
+						// because it was compiled. Thus, we don't want the browser
+						// debugger to show the original code. Instead, the code
+						// being evaluated would be much more helpful.
+						sourceMaps: false,
+						// disable babelrc and babel.config.js for node_modules
+						configFile: false,
+						babelrc: false,
+					},
+				},
+			],
+		};
+
 		// Create style rules
 		const styleRules: webpack.RuleSetRule = {
 			test: /\.css$/,
@@ -516,6 +544,7 @@ ${bannerConfig.copyrightText}${bannerConfig.credit ? creditNote : ''}`,
 			rules: [
 				jsRules,
 				tsRules,
+				nmJsRules,
 				styleRules,
 				fileRulesNonStyle,
 				fileRulesStyle,