时间戳

首页 > 解决方案 > 在 vue 的 simple-webpack 模板中，build.js 来自哪里？

webpack - 在 vue 的 simple-webpack 模板中，build.js 来自哪里？

问题描述

我刚刚使用CLI 命令基于简单的 webpack 模板创建了一个Vue项目。vue init webpack-simple myproject在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期望的话，开发设置如何在没有它的情况下工作？

标签： webpackvue.js

解决方案

这确实是关于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）。

推荐阅读