直接在 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 命令來打包您的代碼。