如何在 vanilla Javascript 文件中导入 nodejs 模块

How to import nodejs modules in vanilla Javascript file

如何在 vanilla Javascript 文件中导入 nodejs 模块?换句话说,我如何在普通 javascript 文件中使用我的 nodejs 模块来编写前端脚本?

您可以通过 CDN 包含它们,例如 unpkg 或 cdnjs。它使您可以使用 URL 轻松地从任何包加载任何文件,例如: unpkg.com/:package@:version/:file

例如,要在您的页面上获取 d3,您可以像这样添加一个脚本标签:

<script src="https://unpkg.com/d3@5.5.0/dist/d3.min.js" />

More Info

这些模块是使用名为 npm 的工具打包的。您可以使用 Browserify or Webpack 等模块加载器或打包器在前端使用 npm 模块。

这可能对您有所帮助

如果你不想使用 CDN,你可以创建一个带有 Node.js 的路径来从“node_modules”

中获取你想要的内容

在node.js

app.get('/jquery', (req, res) => {
    res.sendFile(path.join(__dirname, 'node_modules/jquery/dist/jquery.min.js'))
})

在html

<script src="/jquery"></script>

使用 browserify 构建您的 nodejs 代码,以便它被前端读取。