Configurer le site Web pour exécuter localement sur un domaine personnalisé sur HTTPS

Pour utiliser un module que je souhaite intégrer à ma application (je développe localement), je dois faire deux choses:
1) Faire fonctionner mon application localement sur HTTPS.
2) Exécutez l'application avec un domaine spécifique.

Ces deux choses devraient être assez faciles avec le serveur Web de développement Dev que j'utilise pour le développement local, mais pour une raison quelconque, cela ne fonctionne pas comme le suggère la documentation.

Mon fichier webpack.config est:

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

Le chemin vers lequel je pointa a été ajouté au fichier de mes hôtes sur mon ordinateur, donc il devrait être aussi valable que le défaut de localhost.

Et mon fichier package.json a ceci car c'est le script de démarrage pour le serveur dev:

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

J'ai effectué ces modifications et j'ai redémarré avec npm start après la sauvegarde. Le problème est que le serveur ne fonctionne toujours pas sur https, et lorsque je pointe mon navigateur vers le nouveau lien, il ne montre rien. Tous les documents que j'ai trouvés semblent indiquer que cela devrait fonctionner, donc je dois manquer quelque chose d'évident.

L'a résolu Il s'avère qu'il est très facile de faire avec Webpack comme prévu, mais la documentation est un peu déroutante.

Vous éditez simplement votre fichier hôte pour contenir le domaine souhaité, puis ajoutez le code suivant à votre site webpack.config :

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

Lancez npm start et pointez votre navigateur vers https://localhost.specialurl.com:1234/webpack-dev-server et vous devriez être configuré 🙂