直接在Github存储库中包含JS插件文件？

Question

我使用git和GitHub相对较新，我正在我的个人网站上工作。我正在使用JS插件Slick，一个响应式旋转木马功能。我下载了所有必要的文件并将它们存储在我的本地仓库中。 Slick zip文件夹的大小和内容目前比我网站的文件大得多，所以当与GitHub同步时，这使得我的项目显示为75％Javascript，而实际网站则不是。

我是否正确地执行此操作，将我的JS插件的文件直接存储在我的存储库文件夹中？或者我应该使用其他方法在我的网站上实现Slick？或者这只是我不应该担心的事情？感谢

Answer 1

如果你只是使用一个库，手动将它存储在你的Git仓库中就可以了。如果发布了新版本，则必须手动更新文件，但这对于一个库来说并不是什么大问题。 （你甚至可能不关心这个库的更新）。

但是，如果您使用多个库，我强烈建议您使用Node Package Manager（NPM）和Webpack之类的构建工具。

以下是介绍这些工具的文章（以及其他一些工具）：https://medium.com/front-end-hacking/what-are-npm-yarn-babel-and-webpack-and-how-to-properly-use-them-d835a758f987

Answer 2

要使用git，您应该将依赖项存储在.gitignore中的文件夹中。如果您安装browserify或其他类似工具（如webpack），则可以使用npm包管理器创建一个包含npm init的依赖关系列表文件，以便使用npm install轻松安装包任何人。您可以使用npm install --save slick-carousel安装软件包，并在主js文件中将其与require()一起使用。然后，获取您的js文件并运行browserify jsfile.js -o outputfile.js，它会将您的js和您的依赖项打包在一起以供浏览器使用

上传到您的git repo时，请添加.gitignore this one for Node。这可以防止您的依赖项被上传到repo，而当有人想要运行您的项目时，他们必须运行npm install来获取所有依赖项。

Browserify提供您添加到Web服务器的输出JS文件，此文件的名称也应放在.gitignore中。您的代码存储在传递给browserify的js文件中，而其他人仍然可以在没有输出文件的情况下访问它，但是他们需要运行browserify命令来打包您的代码。