node.js - 如何在不知道 node.js 的 Web 项目中使用 npm 模块

Question

我是 ASP.Net 开发人员，不熟悉 node.js。

我发现了以下 npm 模块，它是一个非常好的日期选择器，我想使用它：

Vue.js 的波斯语日期和时间选择器

如何制作一个简单的.js文件以包含在我的 html 文件中并使用此日期选择器，而无需像使用引导程序时那样通过 node.js？

我在一个项目中，我现在无法学习 node.js。

Answer 1

只包括一个 .js 文件

您可以使用 browserify 的 CDN 之类的工具将文件转换为 .js 文件并获取：

https://wzrd.in/standalone/vue-persian-datetime-picker@latest

然后，您可以将其包含在脚本标记中：

<script src='https://wzrd.in/standalone/vue-persian-datetime-picker@latest'></script>

这将定义window.vuePersianDatetimePicker您可以使用的属性。

你可能应该做什么

您无需了解Node.js 或在后端使用它即可使用前端 NPM 组件。知道会有所帮助，但这不是必须的。

请注意，Vue CLI 和其他相关工具都是 Node 程序。

Node 并不可怕（承诺），它并不容易并且需要时间来学习如何使用好——但是作为一个同时使用 Node.js 和 ASP.net 的人，很多概念都很好地映射。

你：

从 CLI 使用 Vue

如果您没有安装 CLI，请参阅安装 CLI 。

vue create my-project

这意味着您从 CLI 初始化 vue（或进行手动设置 - 这需要学习 webpack）。

在实践中 - 几乎没有人将 Vue 作为<script>标签包含在内，因为无论如何您都需要大量周围的代码（例如将所有文件放入一个文件中 - 捆绑）。

安装模块

NPM 是 JavaScript 世界的 NuGet——它也大得多。

npm install vue-persian-datetime-picker --save

在您的代码中导入它

import VuePersianDatetimePicker from 'vue-persian-datetime-picker'

在这里，我们npm install编辑模块的事实意味着我们可以import做到。