在服务器上使用 npm 安装库答案

【问题标题】：Install a library by using npm on a server在服务器上使用 npm 安装库
【发布时间】：2018-05-07 20:51:41
【问题描述】：

当我想使用一些库时，例如Croppie，我应该使用 npm 或 Bower 来安装它：

npm install croppie

bower install croppie

当我使用服务器时，我不知道应该在哪里安装它。在服务器上？在wordpress文件中？或在包含此库的 JS 文件的同一文件夹中。

非常感谢

【问题讨论】：

标签： javascript wordpress npm npm-install

【解决方案1】：

基本上，您需要在您的 wordpress 网络应用中添加脚本。所以有多种方法可以做到这一点。

1) 添加<script src="https://raw.githubusercontent.com/Foliotek/Croppie/master/croppie.min.js" />。最好在文件系统中下载这个文件，或者添加 Croppie 的 CDN 链接。

2) 如果您在项目中配置了 bower.json，您可以使用bower install croppie，然后将其链接到您的 index.php（根文件）

【讨论】：

【解决方案2】：

如果您刚刚将项目复制到服务器，您应该有一个 package.json 文件，其中包含您使用的所有库。（假设你是通过npm install croppie --save 或npm install croppie --save-dev 保存的）

然后您可以进入包含 package.json 的目录并运行 npm install。

如果你安装了一个你想在没有项目的情况下使用的库，你可以使用npm install libraryName -g 全局安装它，这样就可以在命令行上使用它。

【讨论】：

【解决方案3】：

一般来说，如果您在本地开发并部署到服务器，您应该在本地安装依赖项，在 /wp-content/themes/(your-theme)/ 中，并且不要将它们与其余部分一起上传到您的 Web 服务器的网站。放置在主题目录中的 .bowerrc 文件应包括目标目录，bower 将在其中放置您所需的依赖项：

{
"directory": "bower_components"
}

然后您希望将这些依赖项捆绑在主题内的 css/js 等目录中并部署它们。 .gitignore bower_components 目录，或者只是不通过 FTP 上传该目录，具体取决于您的操作方式。

【讨论】：