使用 npm 导入 date-fns

Question

我是 web 开发新手，正在学习只有 1 年历史但使用过时说明通过 CDN 导入 JS 库 date-fns 的 JS 教程。我喜欢 CDN，不幸的是现在只有一个 npm 包可用 (link to documentation)。

我确保 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 相关的行话，我不知道我应该做什么。此外，代码不同且较旧。 'module' 是指 npm 包吗？

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

Answer 1

您可以在此处获取 date-fns 的 CDN 构建：https://cdnjs.cloudflare.com/ajax/libs/date-fns/1.30.1/date_fns.js

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

一旦你熟悉了网络开发，你可以尝试使用像 Parcel 这样的捆绑器，它允许你使用 npm 包并将它们组合成一个可以在网络中使用的 JS 文件：https://parceljs.org/

使用 npm 导入 date-fns

Import date-fns with npm

javascript

date

npm

date-fns