直接在 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-使用他们-d835a758f987

Answer 2

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

当上传到你的 git repo 时， 为 Node添加一个像 这样的.gitignore 。 这可以防止您的依赖项上传到存储库，而当有人想要运行您的项目时，他们必须运行npm install以获取所有依赖项。

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