Einrichten webpack laufen lokal auf eine benutzerdefinierte domain über HTTPS

Um ein Modul verwenden, die ich integrieren will in meiner Anwendung (ich bin lokal entwickeln), habe ich zwei Dinge zu tun:
1) meine Anwendung lokal auf HTTPS.
2) Führen Sie die Anwendung mit einer bestimmten Domäne.

Diese beiden Dinge sollten Recht einfach mit dem Webpack dev-server, die ich benutze für die lokale Entwicklung, aber für einige Grund es nicht funktioniert, als die Dokumentation vermuten lässt.

Meine webpack.config Datei:

module.exports = {
  entry: './app/js/app.js',
  output: {
    path:'./app/js/',
    publicPath: 'https://specialurl.com/assets',
    filename:'bundle.js'
 }

Dem Weg, ich bin weisenden wurde Hinzugefügt, um meine hosts-Datei auf meinem computer, so sollte es ebenso gültig sein wie die localhost-Standard.

Und meine package.json Datei hat, wie es die start-Skript für den dev-server:

"scripts": {
"start": "webpack-dev-server --progress --colors --https",
}

Ich diese änderungen gemacht und dann habe ich neu gestartet mit npm start nach dem speichern. Das problem ist, dass der server noch nicht ausgeführt wird, über https, und wenn ich meinen browser den neuen link, es zeigt nur nichts. Alle Unterlagen, die ich gefunden habe, macht es scheinen, wie das funktionieren sollte, also ich muss etwas fehlen offensichtlich.

Warum nicht einfach einen nginx-server vor webpack, mit APZ, und Bearbeiten Sie Ihre hosts-Datei die domain auf nginx?
Denn wie es scheint, webpack hat alle Fähigkeiten, die benötigt, so würde ich mag, um die Dinge gestrafft, wenn möglich. Wenn nicht, scheint wie eine gute Idee zu versuchen 🙂
Nur sagen - das ist ziemlich einfach mit einem Knoten-server, die ich lieber auch in der Entwicklung, denn es ist mehr flexibel und skalierbar

InformationsquelleAutor pmcote | 2015-07-02

  1. 20

    Gelöst! Stellt sich heraus, es ist sehr einfach zu tun mit Webpack als ich erwartet habe, aber die Dokumentation ist ein wenig verwirrend.

    Sie einfach Bearbeiten Sie Ihre Hosts-Datei enthält die domain, die Sie wollen, und fügen Sie dann den folgenden code zu Ihrem webpack.config:

     devServer: {
  host: "localhost.specialurl.com",
  port: 1234,
  https: true
},

    Laufen npm start und zeigen Sie Ihren browser auf https://localhost.specialurl.com:1234/webpack-dev-server und Sie sollten alle eingestellt 🙂

    kein Glück bekommen dies funktioniert mit hot:true? die app funktioniert auf die benutzerdefinierte Domäne, die aber webpack hält zu versuchen, einen socket zu öffnen.io-Verbindung zu localhost:3000 statt.
    wie hast du das Bearbeiten der hosts-Datei? 127.0.0.1 localhost.specialurl.com ?

    InformationsquelleAutor pmcote

Schreibe einen Kommentar