在 vue 的简单 webpack 模板中,build.js 从何而来?



我刚刚使用 CLI 命令创建了一个基于简单 webpack 模板vue init webpack-simple myprojectVue 项目。在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 devcross-env NODE_ENV=development webpack-dev-server --open --hot的别名(

运行 WDS 时,它会创建捆绑包(在本例中为 build.js(并从内存中提供它。它不会将其保存到您的项目中。(那是以后,当你做npm run build时(。

最新更新