我刚刚使用 CLI 命令创建了一个基于简单 webpack 模板vue init webpack-simple myproject
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
时,构建.js按预期出现。如果index.html
期望的话,为什么开发设置在没有它的情况下工作?
这实际上是一个关于 Webpack Dev Server 的问题,而不是 Vue。(如果你看一下你的package.json,你会发现npm run dev
是cross-env NODE_ENV=development webpack-dev-server --open --hot
的别名(
运行 WDS 时,它会创建捆绑包(在本例中为 build.js(并从内存中提供它。它不会将其保存到您的项目中。(那是以后,当你做npm run build
时(。