Question

我一直在努力让这个示例项目与webpack-dev-server一起使用。

https://github.com/webpack/webpack/tree/master/examples/multiple-entry-points

所以我期待发生的事情是，在我提供服务之后，我可以前往localhost:8080/pageA和localhost:8080/pageB查看我的不同入口点。

我已经设置了我的package.json：

{
  "name": "multiple-entry-points",
  "version": "1.0.0",
  "description": "This example shows how to use multiple entry points with a commons chunk.",
  "main": "build.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^3.2.0",
    "webpack-dev-server": "^2.5.1"
  }
}

我试图像这样运行它：

node_modules/.bin/webpack-dev-server --inline --content-base ./public

（如果我没有输入--inline等，我只会得到一个目录列表。）

没有运气。 localhost:8080/pageA无法正常工作等等。我甚至不确定我的期望是否正确。

非常感谢任何指导！

Answer 1

没有网址localhost:8080/pageA和localhost:8080/pageB

有js个捆绑pageA.js和pageB.js

您可能需要打开网址localhost:8080/pageA.html和localhost:8080/pageAB.html

入口点是js捆绑。您需要将其包含在html页面中，如下所示：

<script src="js/pageA.bundle.js" charset="utf-8"></script>

如何使用webpack-dev-server获取webpack多入口点示例？

1 个答案: