pourquoi utiliser webpack avec les électrons

Je suis à expérimenter avec des électrons. Je vois beaucoup d'exemples d'utilisation de webpack.

Mais pourquoi utiliser quelque chose comme webpack? Car autant que je peux dire électron prend en charge require('module').

L'électron est sur le dessus du nœud. Pour les suivants d'un nœud module vous utilisez le besoin de la fonction. nodejs.org/dist/latest-v5.x/docs/api/modules.html
Je sais que la seule raison d'utiliser webpack (dans ce scénario), c'est quand vous voulez regrouper vos fichiers?
Oui. Et si vos fichiers ne sont pas JavaScript et nécessaires pour compiler? Par exemple réagir les composants ont la fin jsx et doivent être compilés en JS.
Webpack est utilisé pour regrouper frontal code JS, il n'a rien à voir avec de l'Électron, mais vous pouvez l'utiliser pour compiler l'application, vous allez regrouper et de les utiliser avec d'Électrons
Comment pourrais-je le bundle? Un exemple de code?

OriginalL'auteur Rutger | 2016-04-14

  1. 6

    Il n'est pas webpack qui est utilisé dans l'électronique. Le besoin de la fonction est une partie de la node.js qui est à la base de l'électron.

    Plus d'informations sur les modules du node.js docs:
    https://nodejs.org/dist/latest-v5.x/docs/api/modules.html

    Mais tant que webpack est également disponible en tant que nœud module (https://www.npmjs.com/package/webpack) il est également possible d'utiliser webpack avec des électrons. À ce stade, vous êtes également en mesure d'utiliser la compilation à la volée dans la production, parce que le nœud et le chrome sont disponible à l'intérieur d'une application.

    Pourquoi utiliser webpack avec de l'électron?
    Lorsque vous utilisez réagir ou vue.js composants peut-être que c'est une bonne idée de séparer les composants. Pour présenter votre code en une seule application dont vous avez besoin browserfy ou webpack. Que serait par exemple une bonne cause, pourquoi l'utiliser.

    Il n'y a aucune raison pour regrouper des composants. Étape de Compilation est assez

    OriginalL'auteur apxp

  2. 9

    Webpack est pas seulement un JS module bundler; il peut être utilisé pour le regroupement d'statique actifs (inline base64 d'images, par exemple), la compilation de Sass/Less/Stylet/CSS-Modules, l'élimination du code mort, l'arbre qui tremble, et plus encore. Avec le bon chargeurs et la config, on a seulement besoin de require('any-type-of-file.extension') quand activement le développement. Dans mon expérience personnelle, cependant, plus que tout cela, Webpack est précieux car c'est dev-serveur et Remplacement de Module à Chaud (HMR), ce qui fait Vivre Recharger envie de quelque chose de l'âge des ténèbres.

    Pour résumer, vous obtenez toute la puissance combinée de Gulp/Browserify/Cumulatif, mais avec HMR sur le dessus, le tout dans un seul outil (et des tas et des tas et des tas de chargeurs ;).

    Configuration Webpack est un pain PITA, sans doute, mais si vous prévoyez de travailler sur un Électron application pour une bonne quantité de temps, le gain de temps de HMR à lui seul vaut le détour.

    électron-compiler, déjà populaire bibliothèque de développement pour les électrons, apparaît à l'appui de HMR: github.com/electron/...
    @ScottCoates a déjà dit, il ya quelques options de rechargement à chaud dans l'électronique qui vient de regarder le système de fichiers pour les changements. La raison pour laquelle l'ensemble HMR est nécessaire dans webpack est parce qu'il n'y a pas moyen pour le navigateur pour être averti des modifications. Ce n'est pas nécessaire pour les Électrons et il ajoute une TONNE de complexité inutile pour obtenir webpack HMR de travail dans l'électronique.

    OriginalL'auteur Lokua

  3. 5

    Il n'y a pas de raison d'utiliser Webpack dans l'électronique, découvrez électron-compiler utilisation de Babel, et MOINS dans d'Électrons.

    Que faire si votre webapp est à l'aide de webpack et vous ne voulez pas réécrire tout? Que faire si vous êtes à l'aide vue.js les composants de la structure de votre code? Ils sont donc des raisons pour cela.
    Pourquoi à l'aide de vue.js les composants nécessitent webpack
    Si vous utiliser un seul fichier .Vue des composants, vous avez besoin d'un chargeur de module.
    Electron a déjà un chargeur de module intégré
    Que faire si votre application web est à l'aide Angulaire, et que vous utilisez ngAnnotate appliquée avec webpack?

    OriginalL'auteur Paul Betts

  4. 0

    Une bonne documentation pour commencer à s' https://webpack.electron.build/

    • -Utilisation de webpack pour le code source regroupement

      -Utilisation de webpack-dev-serveur pour le développement

      -HMR pour les deux moteur de rendu et des principaux processus

      -Utilisation de @babel/preset-env qui est automatiquement configurée en fonction de votre version électronique

      -La capacité à ajouter des webpack des chargeurs, des plugins, etc.

      -Add-ons à l'appui des articles comme des caractères d'imprimerie, de moins en Moins, EJS, etc.

    OriginalL'auteur Pratap Dessai