Use @babel/preset-env to emit valid es2015

Automattic · Aug 23, 2021 · 9b17538 · 9b17538
1 parent eef941a
commit 9b17538
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 0 deletions.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/projects/packages/lazy-images/.babelrc b/projects/packages/lazy-images/.babelrc
@@ -0,0 +1,5 @@
+{
+	"presets": [
+		["@babel/preset-env"]
+	]
+}
diff --git a/projects/packages/lazy-images/package.json b/projects/packages/lazy-images/package.json
@@ -11,6 +11,9 @@
 	},
 	"license": "GPL-2.0-or-later",
 	"author": "Automattic",
+	"browserslist": [
+		"extends @wordpress/browserslist-config"
+	],
 	"scripts": {
 		"build": "pnpm run install-if-deps-outdated && pnpm run clean && pnpm run build-js",
 		"build-js": "calypso-build && cp ./node_modules/intersection-observer/intersection-observer.js ./dist/intersection-observer.src.js",
@@ -25,6 +28,8 @@
 		"intersection-observer": "^0.12.0"
 	},
 	"devDependencies": {
+		"@wordpress/browserslist-config": "4.1.0",
+		"babel-loader": "8.2.2",
 		"@automattic/calypso-build": "9.0.0",
 		"eslint": "7.31.0",
 		"webpack": "5.51.1"

diff --git a/projects/packages/lazy-images/webpack.config.js b/projects/packages/lazy-images/webpack.config.js
@@ -27,5 +27,19 @@ module.exports = [
 				'./node_modules/intersection-observer/intersection-observer.js'
 			),
 		},
+		module: {
+			rules: [
+				{
+					test: /\.js$/,
+					exclude: /(node_modules|bower_components)/,
+					use: {
+						loader: 'babel-loader',
+						options: {
+							presets: [ '@babel/preset-env' ],
+						},
+					},
+				},
+			],
+		},
 	},
 ];