migrated to vite

Author: robonetphy

.npmignore

@@ -1,5 +1,5 @@
 .idea/
 assets/
 src/
-webpack.config.js
+vite.config.js
 yarn.lock

package.json

@@ -5,31 +5,34 @@
     "codex editor",
     "inline",
     "code",
-    "tool",
     "editor.js",
     "editorjs"
   ],
   "description": "InlineCode Tool for Editor.js",
   "license": "MIT",
   "repository": "https://github.com/editor-js/inline-code",
-  "main": "./dist/bundle.js",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/inline-code.umd.js",
+  "module": "./dist/inline-code.mjs",
+  "exports": {
+    ".": {
+      "import": "./dist/inline-code.mjs",
+      "require": "./dist/inline-code.umd.js"
+    }
+  },
   "scripts": {
-    "build": "webpack --mode production",
-    "build:dev": "webpack --mode development --watch"
+    "dev": "vite",
+    "build": "vite build"
   },
   "author": {
     "name": "CodeX Team",
     "email": "[email protected]"
   },
   "devDependencies": {
-    "@babel/core": "^7.3.4",
-    "@babel/preset-env": "^7.3.4",
-    "babel-loader": "^8.0.5",
-    "css-loader": "^1.0.0",
-    "raw-loader": "^3.1.0",
-    "style-loader": "^0.21.0",
-    "webpack": "^4.29.5",
-    "webpack-cli": "^3.2.3"
+    "vite": "^4.5.0",
+    "vite-plugin-css-injected-by-js": "^3.3.0"
   },
   "dependencies": {
     "@codexteam/icons": "^0.0.5"

vite.config.js

@@ -0,0 +1,23 @@
+import path from "path";
+import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js";
+import * as pkg from "./package.json";
+
+const NODE_ENV = process.argv.mode || "development";
+const VERSION = pkg.version;
+
+export default {
+  build: {
+    copyPublicDir: false,
+    lib: {
+      entry: path.resolve(__dirname, "src", "index.js"),
+      name: "Inline-code",
+      fileName: "inline-code",
+    },
+  },
+  define: {
+    NODE_ENV: JSON.stringify(NODE_ENV),
+    VERSION: JSON.stringify(VERSION),
+  },
+
+  plugins: [cssInjectedByJsPlugin()],
+};