diff --git a/package.json b/package.json
index 973defe3f5b..7ab1b86ba60 100644
--- a/package.json
+++ b/package.json
@@ -7,9 +7,9 @@
   "scripts": {
     "dev": "cross-env INSPECTOR_VERSION=dev webpack serve --port 8080",
     "dist": "node scripts/updateVersionLog.js && npm run dist:min && npm run dist:max && npm run dist:module",
-    "dist:max": "webpack --config webpack.config.js",
-    "dist:min": "webpack --config webpack.prod.config.js",
-    "dist:module": "webpack --config webpack.module.config.js",
+    "dist:max": "webpack --config webpack.config.cjs",
+    "dist:min": "webpack --config webpack.prod.config.cjs",
+    "dist:module": "webpack --config webpack.module.config.cjs",
     "docs": "markserv --dir docs --port 9001",
     "preghpages": "node ./scripts/preghpages.js",
     "ghpages": "gh-pages -d gh-pages",
diff --git a/tests/karma.conf.js b/tests/karma.conf.js
index 19f7c591e1a..c3bcceb8caf 100644
--- a/tests/karma.conf.js
+++ b/tests/karma.conf.js
@@ -2,7 +2,7 @@
 var path = require('path');
 var glob = require('glob');
 var webpack = require('webpack');
-var webpackConfiguration = require('../webpack.common.js');
+var webpackConfiguration = require('../webpack.common.cjs');
 
 // Define test files.
 var FILES = [
diff --git a/webpack.common.js b/webpack.common.cjs
similarity index 100%
rename from webpack.common.js
rename to webpack.common.cjs
diff --git a/webpack.config.js b/webpack.config.cjs
similarity index 93%
rename from webpack.config.js
rename to webpack.config.cjs
index ad6b2356996..d2557dbeeb3 100644
--- a/webpack.config.js
+++ b/webpack.config.cjs
@@ -2,7 +2,7 @@ var path = require('path');
 var webpack = require('webpack');
 
 module.exports = {
-  extends: ['webpack.common.js'],
+  extends: ['webpack.common.cjs'],
   output: {
     library: {
       name: 'AFRAME',
diff --git a/webpack.module.config.js b/webpack.module.config.cjs
similarity index 95%
rename from webpack.module.config.js
rename to webpack.module.config.cjs
index d4c767ce4cd..eeb68809a5c 100644
--- a/webpack.module.config.js
+++ b/webpack.module.config.cjs
@@ -2,7 +2,7 @@ var path = require('path');
 var TerserPlugin = require('terser-webpack-plugin');
 
 module.exports = {
-  extends: ['webpack.common.js'],
+  extends: ['webpack.common.cjs'],
   output: {
     libraryTarget: 'module',
     path: path.resolve(__dirname, 'dist'),
diff --git a/webpack.prod.config.js b/webpack.prod.config.cjs
similarity index 94%
rename from webpack.prod.config.js
rename to webpack.prod.config.cjs
index 997d90c9338..329113bc5e1 100644
--- a/webpack.prod.config.js
+++ b/webpack.prod.config.cjs
@@ -2,7 +2,7 @@ var path = require('path');
 var TerserPlugin = require('terser-webpack-plugin');
 
 module.exports = {
-  extends: ['webpack.common.js'],
+  extends: ['webpack.common.cjs'],
   output: {
     library: {
       name: 'AFRAME',