フロントエンドの依存関係にnpmを使用するにはどうすればいいですか? 質問する

フロントエンドの依存関係にnpmを使用するにはどうすればいいですか? 質問する

npm を使用してフロントエンドの依存関係 (Backbone、jQuery) を処理することが可能かどうか (そして一般的にはそれが良い考えかどうか) を尋ねたいと思います。

Backbone、jQuery などはすべて npm を通じて利用できることがわかりましたが、別の抽出ポイント (デフォルトはnode_modules) やシンボリックリンクなどを設定する必要があります...

誰かがこれを以前にやったことがありますか?

出来ますか?

何を変更する必要がありますかpackage.json?

ベストアンサー1

Browserify の使用に +1 です。私たちは diy.org でこれを使用しており、気に入っています。Browserify の最も優れた紹介と根拠は、Browserify ハンドブックCommonJS および AMD ソリューション、ビルド パイプライン、テストなどのトピックがそこで取り上げられています。

Browserify がうまく機能する主な理由は、NPM と透過的に連携することです。モジュールが要求できる限り、Browserify にすることができます (ただし、すべてのモジュールがブラウザーで動作するように作られているわけではありません)。

基本:

npm install jquery-browserify

メイン.js

var $ = require('jquery-browserify');
$("img[attr$='png']").hide();

次に以下を実行します:

browserify main.js > bundle.js

次に、HTML ドキュメントに含めるbundle.jsと、コードがmain.js実行されます。

おすすめ記事