如何演示webpack包的使用？

Question

背景：我有一个网页。我试图使用webpack。我修改了我的package.json，构建了一个webpack.config.js，发出了一个CLI webpack compile命令，并在我指定的目录中获得了正确名称（* .bundle.js）的新文件。该文件比它应该替换的文件组小得多。

如何使用该文件？

当我将浏览器指向它时，希望得到我的网页，但是浏览器会向我显示JavaScript webpack写的内容。

按照http://webpack.github.io/docs/tutorials/getting-started/的说明，我会将浏览器指向原始文件。当然！他们显示网站，但webpack？ （我认为确实如此，但我不知道怎么做。）

编辑：以上段落表明我错过了引用页面中的一个重点。我无法找到如何使用删除线文本;我用斜体字。见昆汀的回答。

提前致谢...

Answer 1

网页将所有JavaScript文件捆绑到一个JavaScript文件中，并替换require次调用。

它仍然是一个JavaScript文件。

您没有将浏览器指向JavaScript文件。您将浏览器指向包含<script src="/path/to/the/packed.bundle.js"></script>元素的HTML文档。