Winkel -, Elektronen -, Webpack live-nachladen

Zusammenfassung:

Ich versuche zu schaffen, ein Elektron und angular-app, die mithilfe Elektron-reload und webpack für live-nachladen. In meinem Paket.json-Datei, die ich Baue, Winkel und führen Sie dann Elektronen, die läuft über die wichtigsten Verfahren und Stiefelriemen eckig. Um die Anwendung zu starten, habe ich die Befehle ausführen: npm start und npm run electron einer nach dem anderen in separaten terminals.

Problem:

Die Anwendung startet korrekt; allerdings, wenn ich eine änderung an einer Datei, die Elektronen Teil meiner app bleibt intakt, aber durch das eckige Teil meiner app verloren. Bitte helfen Sie.

Paket.json

{
  "scripts": {
    ...
    "start": "webpack --watch ",
    ...
    "build-electron": "ng build --base-href .  && tsc src\\electron\\electron-main.ts --outDir dist && tsc src\\electron\\logger.ts --outDir dist && tsc src\\electron\\application-menu.ts --outDir dist && copy src\\electron\\package.json dist  && copy src\\electron\\*.html dist",
    "electron": "npm run build-electron && electron ./dist --serve"
  },
  ...
}

Datei-Struktur

Folder PATH listing for volume Windows
Volume serial number is 000000B3 D831:A351
C:.
|   .angular-cli.json
|   .editorconfig
|   .gitattributes
|   .gitignore
|   karma.conf.js
|   package.json
|   protractor.conf.js
|   README.md
|   tree.txt
|   tsconfig.json
|   tslint.json
|   webpack.config.js
|   WinstonLogging.log
|   
+---dist
|   |   application-menu.js
|   |   electron-main.js
|   |   favicon.ico
|   |   index.html
|   |   inline.bundle.js
|   |   inline.bundle.js.map
|   |   invalid.html
|   |   loading.html
|   |   logger.js
|   |   main.bundle.js
|   |   main.bundle.js.map
|   |   package.json
|   |   polyfills.bundle.js
|   |   polyfills.bundle.js.map
|   |   preferences.html
|   |   styles.bundle.js
|   |   styles.bundle.js.map
|   |   vendor.bundle.js
|   |   vendor.bundle.js.map
|   |   
|   \---assets
|           default.gif
|           quest_logo.png
|           spinner.gif
|           
... <node modules and e2e>
\---src
    |   favicon.ico
    |   index.html
    |   main.ts
    |   polyfills.ts
    |   styles.scss
    |   test.ts
    |   tsconfig.app.json
    |   tsconfig.spec.json
    |   typings.d.ts
    |   
    +---app
    |   |   app-routing.module.ts
    |   |   app.component.html
    |   |   app.component.scss
    |   |   app.component.spec.ts
    |   |   app.component.ts
    |   |   app.module.ts
    |   |   
    |   \---components
    |       +---home
    |       |       home.component.html
    |       |       home.component.scss
    |       |       home.component.spec.ts
    |       |       home.component.ts
    |       |       
    |       \---preferences
    |               preferences.component.html
    |               preferences.component.scss
    |               preferences.component.spec.ts
    |               preferences.component.ts
    |               
    +---assets
    |       .gitkeep
    |       default.gif
    |       spinner.gif
    |       
    +---electron
    |       application-menu.js
    |       application-menu.ts
    |       electron-main.ts
    |       invalid.html
    |       loading.html
    |       logger.ts
    |       package.json
    |       preferences.html
    |       
    \---environments
            environment.prod.ts
            environment.ts
  • Haben Sie einen Blick here wo habe ich geschrieben eine Antwort auf eine sehr ähnliche Frage.
InformationsquelleAutor S.Park | 2017-07-11



Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.