我如何使用外部 javascript 文件在 html 中加载类似 cheerio 的内容？

Question

所以我正在做我的第一个项目，我似乎无法加载一个 scraper js 文件，因为 html 说 'require' 没有定义。

我听说过requirejs，但是对我来说有点难理解。

所以这是我的 javascript 文件：

const malScraper = require('mal-scraper');

// more code ...

document.getElementById('output').innerHTML = currentSeason;

然后在 index.html 我希望它在一个段落中加载抓取的结果像这样

<p id='output'>Here: </p>

Answer 1

Require 未在浏览器中原生实现，您需要一个 polyfill（它是重现其行为的依赖项）。

这是 Require.js、Browserify 和其他软件包的用途。

这是一个使用 Browserify 的示例代码：

<html>
<head>
</head>
<body>

   <!-- Your HTML Stuff -->

    <script type="text/javascript" src="./browserify.js"></script>
    <script type="text/javascript">
    const malscraper = require('./mal-scraper'); // The path to the dependency

    malscraper(): // And now you can use it
</script>
</body>
</html>

我如何使用外部 javascript 文件在 html 中加载类似 cheerio 的内容？

How do i load something like cheerio in html using an external javascript file?

javascript

html

requirejs