ノードとウェブサイトbrowserifyまたはwebpackに関する質問のカップル

Question

私が取り組んでいるウェブサイトプロジェクトであなたの助けが必要です。私のプロジェクトは、7つのhtml文書、3つのスタイルシート、8つの.js（jquery.min.jsといくつかのjqueryプラグインを含む）といくつかの写真で構成されています。私はそれを可能な限りバンドルし、それを小さくしたい（スタイルが入っているのは1 cssと1 jsファイルか、あるいは1 jsしか得られないだろう）。

- 今、私はhtmlにすべての依存関係を持っています - すべて正常に動作しています。しかし、私はどのようにすべてのmodule.exportsを設定し、必要があるか分からない。それを適切な方法で段階的に行う方法を教えてください。

事前に感謝します。

PS。私はES5で書くので、私はバベルを使用しません。

Answer 1

コードベースをもっときれいにするには、次のようにします。

• 手動でグループ1にあなたの関連のjsファイルの内容及び（プロジェクト内の任意のjscriptsために必要に応じて繰り返します）あなたのマージされたjsのスクリプトの先頭にmodule.exports = module_nameを使用してnodejsモジュールとしてエクスポート。
• メインノードファイルにエクスポートされたモジュールを含め、そのメイン機能を含めますvar modulesfile = require(./module_name); jsモジュールをインポートする際にディレクトリパスをメモしてください。
• URLから複数回呼び出す必要がある場合は、minifyjsなどのminifierを実行してjsファイルのサイズをさらに小さくすることもできます。 MinifyjsのNodejsのインストールと使用方法はhereです。
• また、単に最初に適切なCSSディレクトリ・パスを検証

@import url("./css/filename.css");を使用することにより、既存のものの中から、他のCSSを呼び出すことができます。

---

あなたもfull guideがNPMのウェブサイトであり、ノードのためbrowserify使用したい場合。

もう一つの良い解決策は、ビジュアルスタジオWebプロジェクトでコードベースをすべて移動することです。そこから、スクリプトとcssファイル（/ Scriptsと/ Contentディレクトリ）をバンドルされた設定ファイルなどで整理して、必要なものを手頃なものにすることができます。

注：コードはすべてasp .NETプロジェクトthis approach（Microsoftのドキュメントに従って）を正しく使用してください。