Merge pull request #455 from sql-formatter-org/esm

Author: inferrinizzard

.babelrc

@@ -1,7 +1,6 @@
 {
-  "presets": ["@babel/preset-env", "@babel/preset-typescript"],
+  "presets": [["@babel/preset-env", { "modules": false }], "@babel/preset-typescript"],
   "plugins": [
-    "@babel/plugin-proposal-class-properties",
     "add-module-exports",
     [
       "module-resolver",

package.json

@@ -3,11 +3,17 @@
   "version": "10.7.2",
   "description": "Format whitespace in a SQL query to make it more readable",
   "license": "MIT",
-  "main": "lib/index.js",
+  "main": "dist/sql-formatter.min.js",
+  "module": "lib/index.js",
   "types": "lib/src/index.d.ts",
+  "exports": {
+    ".": "./lib/index.js"
+  },
   "bin": {
     "sql-formatter": "./bin/sql-formatter-cli.js"
   },
+  "type": "module",
+  "sideEffects": false,
   "keywords": [
     "sql",
     "formatter",

webpack.common.js

@@ -1,17 +1,20 @@
-const path = require('path');
+import path from 'path';
 
-module.exports = {
+export default {
   entry: './src/index.ts',
   output: {
-    path: path.join(__dirname, 'dist'),
+    path: path.resolve('./dist'),
     filename: 'sql-formatter.js',
-    library: 'sqlFormatter',
-    libraryTarget: 'umd',
+    library: { type: 'module' },
+    module: true,
+  },
+  experiments: {
+    outputModule: true,
   },
   resolve: {
     extensions: ['.js', '.ts'],
     alias: {
-      src: path.resolve(__dirname, 'src/'),
+      src: path.resolve('./src'),
     },
   },
   module: {

webpack.prod.js

@@ -1,7 +1,8 @@
-const merge = require('webpack-merge').merge;
-const common = require('./webpack.common.js');
+import { merge } from 'webpack-merge';
 
-module.exports = merge(common, {
+import common from './webpack.common.js';
+
+export default merge(common, {
   mode: 'production',
   devtool: 'source-map',
   output: {