2016-11-30 10 views
0

私はGulpをWeb開発に使用する方法を学んでおり、運用ウェブサイトの資産を最適化するようにGulpを設定することに成功しました。だから、現在、サイト全体の生産のため/distでコンパイルされているのに対し、私のプラグインは、/appフォルダにあるgulpの設定時にサードパーティのプラグインはどこに保存しますか?

|- app/ 
    |- less/ 
    |- img/ 
    ... 
    |- plugins/ 
|- dist/ 
|- node_modules/ 
|- gulpfile.js 
|- package.json 

:マイフォルダ構造は次のようになります。

    しかし distフォルダ内 .htmlファイルは、この場合には dist外のファイルにリンクしなければならない、 /appフォルダ以外 /pluginsフォルダを移動し
  1. (例えば../plugins/...)いないようです:私は2つのオプションを考えることができ論理的。
  2. pluginsフォルダを私がgulp buildでプロジェクトをコンパイルするたびにコピーしますが、それには時間がかかるようです。それが正しい方法であるかどうかはわかりません。

アドバイスをいただければ幸いです。

+0

あなたはGulpプラグインを意味しますか? – MaxArt

+0

プラグインフォルダをコンパイルしていますか? – maheshiv

+0

@MaxArt、私はサードパーティ製のプラグインを意味します。私はウェイポイント、いくつかのアイコンライブラリなどを使用しています。 – sdvnksv

答えて

0

私は自分のドキュメントでこれを見つけることができませんでしたが、サードパーティのプラグインはnpmを使用して管理する必要があります。

あなたはまだ使用することができ、間違いなく

あなたは--save-devのフラグサードパーティのクライアント側ライブラリ用として代わりに

EDIT

を使用する場合があります 'NPM --saveプラグイン名をインストール'何人かの人々は、代わりに草刈りや他の道具を使うことを好みます。

第三者のスクリプトをさらに細かくしないほうがよいと思われますが、node_modulesに残してservableにしてdistフォルダにコピーするか、他のファイルと適切に連結してください要件。

index.htmlでどこを見つけるかは、他のファイルでどのように行うかと同じで、ワークフローによって異なります。いくつかの人々は、連結された1つの縮小されたプロダクションファイルの場所または別々のソースファイルの配列を提供し、それぞれのスクリプトを適切なものとしてレンダリングする、サーバ上の関数を通じてすべてのスクリプトを処理する。

+0

私は、例えば、私のプロジェクトでOwlカルーセルを使用したいと思うなら、 'npm install --save owl- 、私のindex.htmlはowl.carousel.min.jsをロードする必要があることをどのように知っていますか? – sdvnksv

+0

distディレクトリにGulpを使用してライブラリをコピーします。しかし、 'require'とBrowserifyやWebpackのようなバンドラを使ってNodeモジュールとして利用できるという事実を利用したいかもしれません。 – MaxArt

+0

ああ、私はあなたがサードパーティのクライアントサイドのジャバスクリプトについて話しているのを見ています。私は、あなたがたばこのプラグインについて話していると思った。私は改正するつもりです。 – Paul

関連する問題