なぜ電子レンジでwebpackを使用する

Question

私は電子で実験しています。私はwebpackを使用する多くの例を参照してください。

なぜwebpackのようなものを使用しますか？なぜなら私は電子をサポートすることができるので、require('module')をサポートしているからです。

Answer 1

電子で使用されているウェブパックではありません。 require関数は、node.jsの一部です。これは、電子の基底です。 Node.jsのドキュメントにモジュール約

詳細情報： https://nodejs.org/dist/latest-v5.x/docs/api/modules.html

しかし限りのWebPACKもノードモジュール（https://www.npmjs.com/package/webpack）としてavailiableあるとして、電子とのWebPACKを使用することも可能です。この時点では、ノードとクロムが1つのアプリケーション内で使用可能であるため、プロダクションでオンザフライで使用することもできます。

なぜwebpackに電子を使用するのですか？ reactまたはvue.jsコンポーネントを使用するときは、コンポーネントを分離することをお勧めします。あなたのコードを1つのアプリケーションにバンドルするには、browserfyまたはwebpackが必要です。それは、例えば、それを使用する良い理由です。

Answer 2

ElectronでWebpackを使用する理由はありません。electron-compileをチェックして、ElectronでBabelとLESSを使用してください。

Answer 3

Webpackは単なるJSモジュールバンドラではありません。静的資産（画像のインラインベース64など）、Sass/Less/Stylus/CSS-Modulesのコンパイル、デッドコードの削除、ツリーシェイキングなどにバンドルすることができます。適切なローダーと設定では、積極的に開発するときはrequire('any-type-of-file.extension')にする必要があります。しかし、私の個人的な経験では、Webpackはデベロッパーサーバーとホットモジュール交換（HMR）のおかげで、Live Reloadは暗闇の中で何かのように感じることができます。

要約すると、Gulp/Browserify/Rollupのすべての機能が1つのツール（およびロットとロットと多数のローダー）に統合されています。

Webpackの設定はPITAですが、間違いなく、Electronのアプリで十分な時間をかけて作業する予定がある場合は、HMRだけで保存した時間は十分です。