2016-04-29 13 views
1

パッケージをbowerまたはnpmでダウンロードすると、無関係な/役に立たない多くのファイル( )が特にnpmパッケージに含まれます。私は一般に、そのパッケージの.cssまたは.jsファイルのみを含めます。ブートストラップe.t.c.しかし、ポリマーやAnjular.jsやElectronのようなパッケージでは、複数のファイルも必要です。だから私は自分のプロジェクトを展開するときに、完全なフォルダを含めるか、必要なファイルを別々にコピーするか、あるいは他の方法がありますか?Webプロジェクトにbower_componentsフォルダとnode_modulesフォルダ全体を含めるべきですか?

+0

はい、良いことは、他のいくつかの人々によって開発されたいくつかのプラグインをインストールしているからです。あなたが好きなようにフィルターをかけると、依存関係が影響を受けて問題に実行される可能性があります。デフォルトのフォルダ構造を残しておきましょう。プラグインにはいくつかの治療ファイルがありますが、開発中にその原因があります。 – Prasad

+0

しかし、プロジェクト全体の大きさは大きすぎます。 – Nikhil

+0

私はどのように展開しているのか知りたいです。依存関係を含めて展開したい場合は、あなたの考え方は上手です。私の提案はherokuで試してみました。無料で、角度アプリを展開するのに良い方法です。私たちはそれを使用し、プラグインのロードにスペースの問題はありません – Prasad

答えて

0

プロダクションサーバーに展開するときは、実際に使用しているファイルのみを含めることをお勧めします。クライアントに提供する最適化ファイルも作成する必要があります。 これを実現するには、通常、1つまたは複数の縮小された.cssまたは.jsファイル(ライブラリの場合はvendor.js、コードの場合はbundle.js)を生成する展開スクリプトがあります。

このスクリプトは、grunt,gulpなどのツールを使用して構築することも、WebpackまたはJspmのようなモジュールバンドラを使用することもできます。

this websiteのような独自のグランスクリプトまたはGulpスクリプトを作成できます。この場合、

import {MyLibrary} from 'my-library'; 
import {AnOtherLibrary} from 'an-other-library'; 

console.log(MyLibrary.saySomething()); 

ようになりますあなたのコードを整理するために、モジュールバンドラと近代的なJavaScriptを使用している場合、あなたは、例えば、ジャバスクリプトファイル(bundle.js)エントリを構築します

、WebPACKのnode_modulesのインポート、およびプロダクションバージョンの.jsファイルの作成/縮小/連結を処理します。

あなたが言ったように、スクリプト(js、css、またはフォント)が含まれるように複数のファイルがありますので、スクリプトの設定には時間がかかることがあります。フレームワークを使用するYeoman generatorを探して、この目的のために既に作成した他の配布スクリプトを使用してください。 This oneはAngularJS、BowerおよびGruntを使用します。 This oneはWebpackとReactJSを使用します。

関連する問題