Configurare il webpack per l'esecuzione locale su un dominio personalizzato tramite HTTPS

Question

Per utilizzare un modulo che desidero integrare nella mia applicazione (sviluppo locale), devo fare due cose:
1) Eseguire la mia applicazione localmente su HTTPS.
2) Eseguire l'applicazione con un dominio specifico.

Entrambe queste cose dovrebbero essere abbastanza semplici con il server di sviluppo Webpack che sto usando per lo sviluppo locale, ma per qualche motivo non funziona come suggerisce la documentazione.

Il mio file webpack.config è:

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

Il sentiero che indico è stato aggiunto al file Hosts sul mio computer, quindi dovrebbe essere altrettanto valida come predefinito localhost.

E il mio file package.json ha questo come è script di avvio del server dev:

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

ho fatto questi cambiamenti e poi ho riavviato con partenza NPM dopo il salvataggio. Il problema è che il server non è ancora in esecuzione su https e quando indico il mio browser al nuovo collegamento, non mostra nulla. Tutta la documentazione che ho trovato fa sembrare che questo dovrebbe funzionare, quindi mi manca qualcosa di ovvio.

Answer 1

Risolto! È stato molto facile farlo con Webpack come mi aspettavo, ma la documentazione è un po 'confusa.

È sufficiente modificare il file host per contenere il dominio che si desidera, e quindi aggiungere il seguente codice al webpack.config:

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

Run npm start e puntare il browser su https://localhost.specialurl.com:1234/webpack-dev-server e si dovrebbe essere tutto a posto :)