我运行'watch'来执行webpack开发服务器"watch": "webpack-dev-server --progress"
编译时未在终端中检测到问题。但是,当我转到http://localhost:8080时,会收到错误消息“无法获取”
我创建了一个sandbox。
到目前为止,我已经尝试过在webpack.config.js中添加writeToDisk:true,并且包括svg“ file-loader”和css“ css-loader”的加载器,它纠正了我关于不使用CSS加载器的另一个错误。我也尝试将端口更改为3000。不确定这与解决此问题的相关性如何,但我使用的是webstorm ide。
更新:
我通过将index.html和manifest.json移到src文件夹来解决此问题。
我现在的问题是,有没有办法在不移动index.html并将其清单显示为与webpack.config.js相同的文件夹的情况下使此工作有效?如果可能的话,我宁愿保留index.html并在公用文件夹中进行清单。
我建议您阅读有关Output Management的webpack文档。
对您的问题:
我现在的问题是,有没有办法在不移动index.html并将其清单显示为与webpack.config.js相同的文件夹中的情况下进行这项工作?
您可以使用官方的HtmlWebpackPlugin
来生成此文件,以生成您的HtmlWebpackPlugin
文件。您将可以将它指向自己的文件,无论您想要使用的是什么,它也将使您最终缩放代码以从模板生成html文件。
index.html