为了使用要集成到我的应用程序中的模块(我正在本地开发),我必须做两件事:
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上运行,当我将浏览器指向新链接时,它什么也没有显示。我发现的所有文档似乎都可以正常工作,因此我必须缺少明显的东西。
解决了!事实证明,按照我的预期,使用Webpack非常容易,但是文档有点令人困惑。
您只需编辑主机文件以包含所需的域,然后将以下代码添加到您的webpack.config
:
devServer: {
host: "localhost.specialurl.com",
port: 1234,
https: true
},
运行npm start
并将您的浏览器指向https://localhost.specialurl.com:1234/webpack-dev-server,您应该已经准备就绪:)
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句