🧑‍💻 Switch to module and ES6 imports for webpack

bin/webpack.bookmarklet.js

@@ -1,9 +1,9 @@
-const BUILD = require('../.build.json');
-const TerserPlugin = require('terser-webpack-plugin');
-const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
-const webpack = require('webpack');
+import BUILD from '../.build.json' assert { type: 'json' };
+import TerserPlugin from 'terser-webpack-plugin';
+import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin';
+import webpack from 'webpack';
 
-module.exports = {
+export default {
   entry: {
     bookmarkletFilter: './src/script/mainBookmarklet.ts',
   },

bin/webpack.common.js

@@ -1,8 +1,8 @@
-const BUILD = require('../.build.json');
-const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
-const webpack = require('webpack');
+import BUILD from '../.build.json' assert { type: 'json' };
+import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin';
+import webpack from 'webpack';
 
-module.exports = {
+export default {
   entry: {
     background: './src/script/mainBackground.ts',
     optionPage: './src/script/mainOptionPage.ts',

bin/webpack.dev.js

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

bin/webpack.prod.js

@@ -1,7 +1,7 @@
-const { merge } = require('webpack-merge');
-const common = require('./webpack.common.js');
+import { merge } from 'webpack-merge';
+import common from './webpack.common.js';
 
-module.exports = merge(common, {
+export default merge(common, {
   output: {
     clean: false,
   },

package.json

@@ -7,6 +7,7 @@
     "type": "git",
     "url": "git+https://github.com/FrostCo/AdvancedProfanityFilter.git"
   },
+  "type": "module",
   "keywords": [
     "Profanity",
     "Filter"