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

Including JS plugin files directly in Github repository?

我对 git 和 GitHub 的使用还比较陌生,我正在开发我的个人网站。我正在使用 JS 插件 Slick,这是一个响应式轮播功能。我下载了所有必要的文件并将它们存储在我的本地存储库中。 Slick zip 文件夹的大小和内容目前比我网站的文件大得多,所以当与 GitHub 同步时,这会使我的项目显示为 75% Javascript,而实际网站是不是。

我这样做是否正确,将我的 JS 插件的文件直接存储在我的存储库文件夹中?或者我应该使用其他方法在我的网站上实施 Slick 吗?或者这只是我不应该担心的事情?谢谢

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

但是,如果您使用多个库,我强烈建议您使用节点包管理器 (NPM) 和 Webpack 等构建工具。

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

为了使用 git,您应该将依赖项存储在 .gitignore 中的文件夹中。如果您安装 browserify or another similar tool like webpack, you can use the npm package manager to create a dependency list file with npm init that allows for easy package installation with npm install by anyone. You can install packages slick with npm install --saveslick-carousel 并在主 js 文件中将它们与 require() 一起使用。然后,把你的js文件和运行 browserify jsfile.js -o outputfile.js打包,它会把你的js和你的依赖打包在一起,供浏览器使用

上传到您的 git 存储库时,添加一个 .gitignore,例如 this one for Node。这可以防止您的依赖项被上传到存储库,而是当有人想要 运行 您的项目时,他们必须 运行 npm install 才能获取所有依赖项。

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