使用 npm 导入 date-fns

Question

我是 Web 开发新手，正在学习一个只有 1 年历史的 JS 教程，但使用过时的说明来导入带有 CDN 的 JS 库 date-fns。 我喜欢 CDN，不幸的是，现在只有一个 npm 包可用（链接到文档）。

我确保 npm 已更新，然后在终端中使用以下行将 date-fns 安装到所需目录：

npm install date-fns --save

除了这个例子之外，没有更多关于如何使用包的说明，我假设它在 JS 文件中而不是在 html 中：

import { formatDistance, subDays } from 'date-fns'

...但使用此语法尝试从包中导入 isToday 方法会在我的 Chrome 控制台中给出以下警告：

Uncaught SyntaxError: Cannot use import statement outside a module

这个问题在别处被问到，但这些答案中有太多与 npm 相关的术语，我不知道我应该做什么。 此外，代码不同且更旧。 “模块”是指 npm 包吗？

人们希望一年前的教程足够新，可以遵循。 唉，耳屎。

Answer 1

您可以在此处获取date-fns的 CDN 构建： https : date-fns

import / export本机无法在浏览器中工作，尤其是当您尝试使用 npm 包时。 由于您是初学者，我不想让您感到困惑，但import / export在特定场景中有效。 您可以在此处阅读更多相关信息： https : //developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules

一旦你熟悉了 web dev，你可以尝试使用一个打包器，比如 Parcel，它允许你使用 npm 包并将它们组合成一个可以在 web 中使用的单个 JS 文件： https : //parceljs.org/