2017-10-25 14 views
0

私はgitとGitHubを使い始めたばかりで、個人的なウェブサイトで作業しています。私は、JSプラグインのSlickを使用しています。これは反応的なカルーセル機能です。私は必要なファイルをすべてダウンロードしてローカルのレポに保存しました。 Slick zipフォルダのサイズと内容は現時点で私のサイトのファイルよりもはるかに大きいので、GitHubと同期するとプロジェクトが75%Javascriptとして表示されますが、実際のWebサイトは表示されません。JS PluginファイルをGithubリポジトリに直接組み込む?

JSプラグインのファイルを自分のリポジトリフォルダに直接保存していますか?または、私は自分のサイトにSlickを実装するために他の方法を使用していますか?それとも私は心配してはいけないことですか?ありがとう

+0

Slickを依存関係にする必要がありますが、可能でない可能性があるGithubサイトを使用している場合 – pfg

+0

GitHubリポジトリの上部にあるその(役に立たない)バーについて心配するべきではありません。それを無視します。 – JDB

+0

@pfg私はGHサイトを使用していません。ローカルでxamppでテストし、GitHubにプッシュし、Webホストにアップロードします –

答えて

1

ただ1つのライブラリを使用している場合は、手作業でGitリポジトリに保存すると問題ありません。新しいバージョンがリリースされた場合、手動でファイルを更新する必要がありますが、それは1つのライブラリにとって大きな問題ではありません。 (そして、このライブラリの更新についても気にしないかもしれません)。

しかし、複数のライブラリを使用している場合は、Node Package Manager(NPM)とWebpackのようなビルドツールを使用することを強くお勧めします。ここで

は、これらのツール(プラスいくつかの他)を紹介記事です:gitのを使用するためのhttps://medium.com/front-end-hacking/what-are-npm-yarn-babel-and-webpack-and-how-to-properly-use-them-d835a758f987

+0

はい。この。しかし、パッケージのバージョン番号については明示的に指定することを強くお勧めします。そうしないと、環境全体で一貫性のない動作が起こり、バグを追跡することが難しくなります。 – JDB

0

、あなたはあなたの.gitignoreにあるフォルダに依存関係を保存する必要があります。 browserifyまたはwebpackのような別のツールをインストールする場合はnpmパッケージマネージャを使用してnpm initの依存関係リストファイルを作成し、誰でも簡単にパッケージをインストールできるようにすることができます。パッケージは、npm install --saveslick-carouselで滑らかにインストールし、メインのjsファイルにrequire()と一緒に使用することができます。次に、あなたのjsファイルを取り、browserify jsfile.js -o outputfile.jsを実行し、それはあなたのgitリポジトリにアップロードすると、ブラウザ

によって使用されるように一緒にあなたのjsとあなたの依存関係をパッケージ化し、this one for Nodeよう.gitignoreを追加します。これにより、依存関係がリポジトリにアップロードされるのを防ぐことができ、誰かがプロジェクトを実行したい場合は、npm installを実行してすべての依存関係を取得する必要があります。

Browserifyは、Webサーバーに追加する出力JSファイルを指定します。このファイルの名前は、.gitignoreにも入れる必要があります。あなたのコードは、あなたが渡したjsファイルに格納されており、他の人が出力ファイルなしでそれにアクセスすることはできますが、コードをパッケージ化するにはbrowserifyコマンドを実行する必要があります。

関連する問題