设置Webpack以通过HTTPS在自定义域上本地运行

Question

为了使用要集成到我的应用程序中的模块（我正在本地开发），我必须做两件事：
1）使我的应用程序在HTTPS上本地运行。
2）运行具有特定域的应用程序。

使用我用于本地开发的Webpack开发服务器，这两件事都应该很容易，但是由于某些原因，它不能正常工作，如文档所示。

我的webpack.config档案是：

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

我指向的路径已添加到计算机上的主机文件中，因此它应与localhost默认值一样有效。

我的package.json文件具有以下内容，因为它是开发服务器的启动脚本：

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

我进行了这些更改，然后在保存后以npm
start重新启动。问题在于服务器仍未在https上运行，当我将浏览器指向新链接时，它什么也没显示。我发现的所有文档似乎都应该可以正常工作，因此我必须缺少一些明显的东西。

Answer 1

解决了！事实证明，按照我的预期，使用Webpack非常容易，但是文档有点令人困惑。

您只需编辑您的主机文件以包含所需的域，然后将以下代码添加到您的webpack.config：

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

运行npm start并将您的浏览器指向https://localhost.specialurl.com:1234/webpack-dev-
server
，您应该已经准备就绪：)