Konfigurowanie pakietu WWW do uruchomienia lokalnie w domenie niestandardowej poprzez HTTPS

Question

Aby użyć modułu, który chcę zintegrować z moją aplikacją (rozwijam się lokalnie), muszę wykonać dwie czynności:
1) Uruchom aplikację lokalnie na HTTPS.
2) Uruchom aplikację z określoną domeną.

Obie te rzeczy powinny być całkiem łatwe dzięki serwerowi Webpack, którego używam do rozwoju lokalnego, ale z jakiegoś powodu nie działa, jak sugeruje dokumentacja.

Mój plik webpack.config jest:

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

Ścieżka jestem wskazując został dodany do pliku moi gospodarze na moim komputerze, więc powinno być tak samo ważne jak domyślnie localhost.

A mój plik package.json ma to jak to uruchomić skrypt na serwerze dev:

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

Zrobiłem te zmiany, a potem ponownie uruchomiony z początkiem npm po zapisaniu. Problem polega na tym, że serwer nadal nie działa w trybie https, a kiedy kieruje moją przeglądarkę do nowego łącza, po prostu nic nie pokazuje. Cała dokumentacja, którą znalazłem sprawia, że ​​wydaje się, że to powinno zadziałać, więc brakuje mi czegoś oczywistego.

Answer 1

Rozwiązany! Jak się spodziewałem, bardzo łatwo jest zrobić z Webpacka, ale dokumentacja jest trochę zagmatwana.

wystarczy zmodyfikować plik hosta zawiera domenę chcesz, a następnie dodaj następujący kod do webpack.config:

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

Run npm start i skierować swoją przeglądarkę do https://localhost.specialurl.com:1234/webpack-dev-server i powinno być wszystko gotowe :)