2017-09-29 4 views
2

私はに新規です。(Bowerは非難されています)とWebUIブラウザライブラリとサーバー側ライブラリを区別するベストプラクティスを求めています。私の糸パッケージをどのように編成するのですか

ライブラリをインストールする必要があるserver.jsnode.js)を実行していますが、通常はnode_modulesにしておきます。私はそれらをインストールするために使用したnpm

私のWebアプリケーションには、assetsフォルダに持っていたい静的ライブラリもあります。

yarn add jquery 
yarn install --modules-folder assets/vendor 

は、今ではassets/vendorにすべての私のNPMライブラリをインストールするのですが、代わりに私はそこにjqueryを持つことを意味しました。

どうすればいいですか?

ヤーンはNPMの代替品ですか?

答えて

1

まず、NPMと糸を使用するのは良い方法ではありません。使用するパッケージマネージャを選択する必要があります。

これらは似ていますが、主な目的はサードパーティの依存関係をインストール/アンインストールすることです。彼らはお互いを交換していません。 NPM対

読む糸:https://blog.risingstack.com/yarn-vs-npm-node-js-package-managers

あなたはまた、あなたのパッケージnpm install jquery --save :)

構造を使用してjqueryをインストールすることができ

あなたは私はあなたのAPIを分離することをお勧めSPAアプリケーションを作成している場合別のリポジトリにWebAppをインストールします。

同じリポジトリで使用する場合は、通常の依存関係としてフロントエンドの依存関係をインストールするだけです(アプリケーションの依存関係はすべて同じです)。 webpackを使用して、資産をnode_modulesから/app/assetsフォルダにバンドルすることをお勧めします。

+1

したがって、サーバー側にはYarnまたはNPMを、フロントエンド依存には 'Webpack'を使用します。それは私が欠けていた情報の一部かもしれません。私は 'Webpack'を見ます。乾杯。 – zabumba

+1

いいえ、すべての種類の依存関係にNPMまたは糸を使用する必要があります。バックエンドかフロントエンドかは関係ありません! Webpackを使用して、フロントエンドの依存関係をすべて取得し、フォルダ/ assets'の中の1つのファイルにバンドルすることができます:) 私はそれがあなたを助けてくれることを願っています:) –

+0

私はフロントエンドの依存関係をすべて1つのファイル例えば'production.min.css'と' production.min.js'ですか? ** WebPack **を使って 'node_modules'から' assets/vendor'フォルダにファイルをコピーするだけです。 'assets/vendor/bootstrap/js/*。min.js'と' assets/vendor/bootstrap/css/*。min.css'を参照してください。それで、私は自分自身のJavascriptコードのために 'production.min.js'を残して、それについて取り上げるべきだと思いました。 – zabumba

関連する問題