build: es6

.eslintignore

@@ -1 +1,2 @@
 dist/
+es/

babel.config.js

@@ -26,6 +26,21 @@ module.exports = {
         "@babel/proposal-class-properties",
         "@babel/proposal-object-rest-spread",
         "@babel/plugin-proposal-optional-chaining",
+        [
+          "babel-plugin-module-resolver",
+          {
+            "alias": {
+              "root": ".",
+              "components": "./src/core/components",
+              "containers": "./src/core/containers",
+              "core": "./src/core",
+              "plugins": "./src/plugins",
+              "img": "./src/img",
+              "corePlugins": "./src/core/plugins",
+              "less": "./src/less"
+            }
+          }
+        ]
       ]
     },
     "es": {

config/jest/jest.artifact-es.config.js

@@ -0,0 +1,7 @@
+const path = require('path');
+
+module.exports = {
+  rootDir: path.join(__dirname, '..', '..'),
+  testEnvironment: 'jsdom',
+  testMatch: ['**/test/build-artifacts/es.js'],
+};

config/jest/jest.unit.config.js

@@ -2,6 +2,7 @@ const path = require('path');
 
 module.exports = {
   rootDir: path.join(__dirname, '..', '..'),
+  moduleDirectories: ['node_modules', 'src'],
   testEnvironment: 'jsdom',
   testMatch: [
     '**/test/unit/*.js?(x)',

package.json

@@ -2,7 +2,7 @@
   "name": "swagger-ui",
   "version": "3.38.0",
   "main": "dist/swagger-ui.js",
-  "module": "dist/swagger-ui-es-bundle.js",
+  "module": "es/index.js",
   "homepage": "https://github.com/swagger-api/swagger-ui",
   "repository": "[email protected]:swagger-api/swagger-ui.git",
   "contributors": [
@@ -24,6 +24,7 @@
     "build-stylesheets": "webpack --colors --config webpack/stylesheets.babel.js",
     "build:es:bundle": "webpack --colors --config webpack/es-bundle.babel.js",
     "build:es:bundle:core": "webpack --colors --config webpack/es-bundle-core.babel.js",
+    "build:es": "cross-env BABEL_ENV=es babel src --out-dir es",
     "predev": "npm install",
     "dev": "webpack-dev-server --config webpack/dev.babel.js",
     "deps-license": "license-checker --production --csv --out $npm_package_config_deps_check_dir/licenses.csv && license-checker --development --csv --out $npm_package_config_deps_check_dir/licenses-dev.csv",
@@ -41,6 +42,7 @@
     "test:artifact:umd:bundle": "npm run build-bundle && cross-env BABEL_ENV=commonjs jest --config ./config/jest/jest.artifact-umd-bundle.config.js",
     "test:artifact:es:bundle": "npm run build:es:bundle && cross-env BABEL_ENV=commonjs jest --config ./config/jest/jest.artifact-es-bundle.config.js",
     "test:artifact:es:bundle:core": "npm run build:es:bundle:core && cross-env BABEL_ENV=commonjs jest --config ./config/jest/jest.artifact-es-bundle-core.config.js",
+    "test:artifact:es": "npm run build:es && cross-env BABEL_ENV=commonjs jest --config ./config/jest/jest.artifact-es.config.js",
     "test:unit-jest": "cross-env BABEL_ENV=test jest --config ./config/jest/jest.unit.config.js",
     "e2e-initial-render": "nightwatch test/e2e-selenium/scenarios/ --config test/e2e-selenium/nightwatch.json --group initial-render",
     "mock-api": "json-server --watch test/e2e-selenium/db.json --port 3204",

test/build-artifacts/es.js

@@ -0,0 +1,8 @@
+import { describe, expect, test } from '@jest/globals';
+import SwaggerUI from '../../es';
+
+describe('webpack browser es build', () => {
+  test('should export a function for es-bundle', () => {
+    expect(SwaggerUI).toBeInstanceOf(Function);
+  });
+});