Update: Use ESM in webpack config

GunmaRamens · Oct 14, 2023 · 9148dd7 · 9148dd7
1 parent 7e85051
commit 9148dd7
Show file tree

Hide file tree

Showing 3 changed files with 92 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -11,6 +11,7 @@
     "devDependencies": {
         "@babel/core": "^7.23.2",
         "@babel/preset-env": "^7.23.2",
+        "@babel/register": "^7.22.15",
         "@types/chrome": "^0.0.246",
         "@types/node": "^20.8.4",
         "@types/webpack": "^5.28.3",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/webpack.config.js → webpack.config.babel.js b/webpack.config.js → webpack.config.babel.js
@@ -1,8 +1,7 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const path = require("path");
-const fs = require("fs");
-const CopyPlugin = require("copy-webpack-plugin");
-const ESLintPlugin = require("eslint-webpack-plugin");
+import CopyPlugin from "copy-webpack-plugin";
+import ESLintPlugin from "eslint-webpack-plugin";
+import fs from "fs";
+import path from "path";
 
 const loadFilesInScripts = function () {
     const dir = path.join(__dirname, "src/scripts");