Question

我正在使用Vue.js开发一个没有后端的网页（目前）。我需要标签，所以已经看过vue-tabs-component。

但是要install，我需要：

npm install vue-tabs-component --save

该库将如何提供给用户？他们不会在导航时安装npm或npm install vue vue-tabs-components。

我仅在开发前端，因此不需要npm，并且我从几台计算机进行开发，而有些计算机则没有npm。

是否有一种仅将`<script src=...>`与库一起使用的方法？

我以vue-tabs-component为例，但我的问题是一个普遍的问题：如果要在没有安装前端的情况下将其提供给客户端，为什么我要安装前端？

Answer 1

此处的“安装”一词可能会引起您的困惑。 npm install some-front-end-library下载我们虚构的some-front-end-library软件包的文件（例如vue组件）。

“安装”（下载软件包）后，您在Vue项目中引用了这些文件。例如。

import somefrontendlibrary from 'some-front-end-library'

Vue.use(somefrontendlibrary);

您需要先在正在开发的计算机上下载/安装软件包，然后才能将其导入项目中。就像您要下载其他任何第三方脚本一样，之后再使用脚本标签来添加它们。

当您构建项目（npm run build）时，将生成除其他外的vendor.js文件，其中包括some-front-end-library软件包。该文件包括您已安装（并通过Vue.use()添加）的软件包。

您的最终版本（npm run build）将具有带有<script src="vendor.js" />标签的index.html文件。

Answer 2

您需要安装模块才能使用它。例如，如果您在Web应用程序中的某个位置需要vue-tabs-components，则将需要该模块的该源代码才能使用这些选项卡。

当将代码提供给客户时，代码将被打包并捆绑在一起，这是真的，他们不需要npm，但是您需要作为开发人员来做。

无论您是不是前端用户，或者使用Javascript，在开发过程中的某一时刻都更有可能不需要NPM。

如果要使用CDN，可以选中https://cdnjs.com/

有些NPM前端库有CDN，但并不总是保证您会找到所需的内容。

是否有一种仅将<script src=...>与库一起使用的方法？