我如何演示webpack bundle的使用?

How can I demonstrate use of a webpack bundle?

本文关键字：bundle 何演示 webpack 更新时间：2023-09-26

背景:我有一个网页。我正在尝试使用webpack。我改了包装。构建webpack.config.js，发出CLI webpack compile命令，在我指定的目录下得到一个名称正确的新文件(*.bundle.js)。这个文件比它应该替换的那组文件要小得多。

我如何使用该文件?

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

按照http://webpack.github.io/docs/tutorials/getting-started/上的说明，将浏览器指向原始文件。当然!他们显示网站，但是webpack呢?(我认为是这样，但我不知道怎么做。)

编辑:上面的段落表明我在引用的页面中遗漏了一个重要的点。我不知道如何使用删除文本;我用了斜体。请看昆汀的回答。

网页将所有JavaScript文件打包成一个JavaScript文件，并替换require调用。

它仍然是一个JavaScript文件。

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