Question

我刚刚使用vue init webpack-simple myproject CLI命令基于简单的webpack模板创建了一个Vue项目。在index.html我可以看到：

<html lang="en">
  [...]
  <body>
    <div id="app"></div>
    <script src="/dist/build.js"></script>
  </body>
</html>

然后我像这样运行开发服务器：

$ npm run dev

Project is running at http://localhost:8081/
webpack output is served from /dist/
404s will fallback to /index.html

根据我对webpack的理解，它捆绑了所有JS库并将它们放入build.js文件中（正如它在上面的输出中所说的那样）。但是，项目目录中的任何位置都没有dist/build.js文件！

有人能解释这里发生了什么吗？请注意，当我运行npm run build时，build.js按预期显示。如果index.html期望它，那么开发设置如何在没有它的情况下工作？

Answer 1

这真是一个关于Webpack Dev Server的问题，而不是Vue。（如果你看看你的package.json，你会发现npm run dev是cross-env NODE_ENV=development webpack-dev-server --open --hot的别名）

当您运行WDS时，它会创建捆绑包（在本例中为build.js）和serves it from memory。它不会将其保存到您的项目中。（稍后，当你npm run build时）。