web-dev-qa-db-fra.com

pourquoi utiliser webpack avec electron

J'expérimente avec electron. Je vois beaucoup d'exemples qui utilisent webpack.

Mais pourquoi utiliser quelque chose comme webpack? Car autant que je sache, électron supporte require('module')

12
Rutger

Ce n'est pas le webpack qui est utilisé en électronique. La fonction require fait partie de node.js, la base pour electron.

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

Mais tant que webpack est également disponible en tant que module de noeud ( https://www.npmjs.com/package/webpack ), il est également possible d'utiliser webpack avec electron. À ce stade, vous pouvez également utiliser la construction à la volée en production, car les nœuds et le chrome sont disponibles dans une application.

Pourquoi utiliser webpack avec electron? Lorsque vous utilisez les composants react ou vue.js, il peut être judicieux de séparer les composants. Pour regrouper votre code dans une application, vous avez besoin de browserfy ou de webpack. Ce serait par exemple une bonne cause, pourquoi l'utiliser.

5
apxp

Webpack n'est pas simplement un bundle de modules JS; il peut être utilisé pour regrouper des actifs statiques (base d'images en ligne, par exemple), pour compiler des modules Sass/Less/Stylus/CSS, pour éliminer le code mort, pour ébranler les arbres, etc. Avec les chargeurs et la configuration appropriés, il suffit de require('any-type-of-file.extension') lors du développement actif. D'après mon expérience personnelle, Webpack est toutefois plus utile que son serveur de développement et son remplacement de module dynamique (HMR), qui donne à Live Reload le sentiment d'être à l'époque sombre.

Pour récapituler, vous bénéficiez de toute la puissance combinée de Gulp/Browserify/Rollup, mais avec HMR en haut, le tout dans un seul outil (et des tas, des tas, des tas de chargeurs;).

Configurer Webpack est sans aucun doute un PITA, mais si vous envisagez de travailler longtemps sur une application Electron, le gain de temps généré par HMR en vaut la peine.

9
Lokua

Il n'y a aucune raison d'utiliser Webpack dans Electron, consultez electron-compile pour utiliser Babel et LESS dans Electron.

5
Paul Betts

Bonne documentation pour commencer à obtenir https://webpack.electron.build/

  • -Utilisation de webpack pour le regroupement de code source

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

    -HMR pour le rendu et les processus principaux

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

    -Possibilité d'ajouter des chargeurs Webpack personnalisés, des plugins, etc.

    -Add-ons pour supporter des éléments tels que TypeScript, Less, EJS, etc.

0
Pratap Dessai