Transpile javascript files using babel

Author: hackermd

.gitignore

@@ -61,5 +61,6 @@ typings/
 .next
 node_modules/
 build/
+dist/
 yarn.lock
-.vscode/
+.vscode/

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "dicom-microscopy-viewer",
-  "version": "0.36.2",
+  "version": "0.36.3",
   "description": "Interactive web-based viewer for DICOM Microscopy Images",
   "main": "./src/dicom-microscopy-viewer.js",
   "standard": {
@@ -24,11 +24,11 @@
     "build": "webpack --mode=development",
     "build:prod": "webpack --mode=production",
     "prepublishOnly": "npm run build:prod",
-    "generateStaticSite": "npm run build:prod && cp -R ./build ./examples",
+    "generateStaticSite": "npm run build:prod && cp -R ./dist ./examples",
     "generateDocs": "jsdoc -c ./jsdoc_conf.json",
     "fmt": "standard 'src/**/.js' --fix",
     "lint": "standard 'src/**/*.js'",
-    "clean": "rm -rf ./build ./dist ./node_modules"
+    "clean": "rm -rf ./dist ./node_modules"
   },
   "repository": {
     "type": "git",
@@ -50,6 +50,7 @@
     "@babel/core": "7.17",
     "@babel/preset-env": "7.16",
     "babel-jest": "27.5",
+    "babel-loader": "^8.2.3",
     "css-loader": "^6.6",
     "jest": "^27.5",
     "jest-canvas-mock": "^2.3",

package.json

@@ -3,7 +3,7 @@ const path = require('path')
 const config = {
   entry: path.resolve(__dirname, 'src/dicom-microscopy-viewer.js'),
   output: {
-    path: path.resolve(__dirname, 'build'),
+    path: path.resolve(__dirname, 'dist'),
     filename: 'dicom-microscopy-viewer.js',
     library: {
       name: 'DICOMMicroscopyViewer',
@@ -17,6 +17,16 @@ const config = {
       {
         test: /\.css$/,
         use: 'css-loader'
+      },
+      {
+        test: /\.m?js$/,
+        exclude: /(node_modules)/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: ['@babel/preset-env']
+          }
+        }
       }
     ]
   },