在服务器上使用npm安装库

Question

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

npm install croppie

bower install croppie

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

非常感谢

Answer 1

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

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

如果您安装了一个您想在没有项目的情况下使用的库，则可以使用npm install libraryName -g全局安装它，从而使其在命令行中可用。

Answer 2

基本上你需要在wordpress web app中添加脚本。所以有多种方法可以做到这一点。

1）添加<script src="https://raw.githubusercontent.com/Foliotek/Croppie/master/croppie.min.js" />。在文件系统中下载此文件或添加Croppie的CDN链接会更好。

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

Answer 3

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

{
"directory": "bower_components"
}

然后，您希望将这些依赖项捆绑在主题中的css / js等目录中并进行部署。 .gitignore目录bower_components或者根据您的操作方式，不要将该目录FTP起来。