config

.gitignore

@@ -13,5 +13,6 @@ env.js
 dist/
 lib/
 .DS_Store
+temp_types/
 
 \.history/

.npmignore

@@ -12,5 +12,6 @@ yarn-error.log
 env.js
 lib/
 .DS_Store
+temp_types/
 
 \.history/

package.json

@@ -2,7 +2,8 @@
   "name": "cloudinary-video-player-profiles",
   "version": "1.0.0",
   "description": "",
-  "main": "dist/main.js",
+  "module": "./lib/index.js",
+  "main": "./lib/index.js",
   "scripts": {
     "build": "NODE_ENV=production webpack"
   },

tsconfig.json

@@ -1,17 +1,14 @@
 {
   "compilerOptions": {
-    "allowSyntheticDefaultImports": true,
     "baseUrl": ".",
-    "esModuleInterop": true,
-    "lib": ["ES2021"],
-    "module": "CommonJS",
-    "moduleResolution": "Node",
-    "noImplicitReturns": true,
+    "outDir": "./lib",
+    "allowSyntheticDefaultImports": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "target": "es2020",
+    "declaration": true,
     "resolveJsonModule": true,
-    "sourceMap": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "target": "ES2021"
+    "esModuleInterop": true
   },
   "exclude": ["node_modules"]
 }

webpack.config.js

@@ -1,13 +1,20 @@
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const path = require('path');
-const outputPath = path.resolve(__dirname, './dist');
+const outputPath = path.resolve(__dirname, './lib');
 
 module.exports = {
   mode: 'production',
-  entry: './src/index.ts',
+  entry: {
+    'index': './src/index.ts',
+  },
+  devtool: 'source-map',
   output: {
-    filename: `[name].js`,
-    path: outputPath
+    filename: '[name].js',
+    path: outputPath,
+    publicPath: '',
+    library: {
+      type: 'module'
+    },
   },
   resolve: {
     extensions: ['.ts', '.tsx', '.json'],
@@ -18,7 +25,7 @@ module.exports = {
       {
         test: /\.tsx?$/i,
         exclude: /node_modules/,
-        use: ['ts-loader'],
+        loader: 'ts-loader',
       }
     ]
   },
@@ -30,4 +37,7 @@ module.exports = {
       }]
     })
   ],
+  experiments: {
+    outputModule: true
+  }
 };