如何在HTML5 Boilerplate中添加require（）

Question

我正在尝试在HTML5样板中添加require（），但是它不起作用。
我收到错误-Uncaught ReferenceError: require is not defined在浏览器控制台中。

我做了npm i require，然后-

.eslintrc.js

module.exports = {
    "env": {
        "browser": true,
        "es6": true,
        "jquery": true,
        "mocha":true,
        "amd": true
    },
    "plugins": ["mocha"],
    "extends": "eslint:recommended",
    "globals": {
        "Atomics": "readonly",
        "SharedArrayBuffer": "readonly"
    },
    "parserOptions": {
        "ecmaVersion": 2018,
        "sourceType": "module"
    },
    "rules": {
      "indent": ["error", 2],
      "quotes": ["error", "single"],
      "semi": ["error", "always"]
    }
};

main.js-

const Swal = require('sweetalert2');
// other stuff

编辑-也将此添加到q 这是我的package.json-

{
  // other stuff

  "dependencies": {
    "js-md5": "^0.7.3",
    "require": "^2.4.20",
    "requirejs": "^2.3.6",
    "sweetalert2": "^9.5.3"
  }
}