Webpack 网页包输出未显示在index.html中

我得到一个空白的html文档。然而，当我查看src代码时，我看到了我的脚本标记，它引用了dist/app.js，这是我的捆绑代码

这是我的网页，这是我的index.html

还有，这是我的文件夹结构

/dist/app.js
/node_modules
/src/index.js
index.html
package.json
webpack.config.js

var ExtractTextPlugin=require（'extract-text-webpack-plugin'）

module.exports={
条目：{
主页：'./src/index.js'，
},
输出：{
文件名：'./dist/app.js'
},
//解析`./src`目录，以便避免写入
//../../styles/base.css
决心：{
扩展：['.js'，'.jsx']
},
//指导webpack如何处理可能遇到的每种文件类型
模块：{
装载机：[
{ 
测试：/\.js[x]？$/，排除：/node\u modules/，加载程序：“babel加载程序”，
查询：{
///插件：['transform-runtime']，
预设：[“es2015”，“反应”]
} 
}
]
},
//这个插件将所有CSS移动到一个单独的样式表中
插件：[
新的ExtractTextPlugin（'app.css'）
]
};
你好

很抱歉，仍然无法发表评论，因此我只能回答

我猜这条路被什么东西挡住了也许试着在dist前面扔一个点

<script src="./dist/app.js"></script>

Webpack的路径很奇怪，我是一个新手，所以我还没有完全掌握所有的路径。但最终，您需要破坏缓存并以编程方式将JS包注入index.html。查看html网页包插件。该插件使用主webpack块生成index.html的副本，其中包含正确的脚本标记

---

我建议您开始使用html网页包插件

抱歉，仍然无法发表评论，所以我只能回答

我猜这条路被什么东西挡住了也许试着在dist前面扔一个点

<script src="./dist/app.js"></script>

Webpack的路径很奇怪，我是一个新手，所以我还没有完全掌握所有的路径。但最终，您需要破坏缓存并以编程方式将JS包注入index.html。查看html网页包插件。该插件使用主webpack块生成index.html的副本，其中包含正确的脚本标记

---

我建议您开始使用html网页包插件

如何查看index.html文件？直接从硬盘或通过开发服务器？通过开发服务器提供服务。我正在运行npm start。浏览器控制台中没有错误？您如何查看index.html文件？直接从硬盘或通过开发服务器？通过开发服务器提供服务。我正在运行npm start。浏览器控制台中是否没有错误？