Firebase 工具破坏了我的 webapp 依赖项

Question

我正在使用 Vue cli 和 webpack/babel 构建一个小型 Web 应用程序。我已经使用“npm run build”工作了一个月，并将在“dist”文件夹中创建的文件放在我的服务器上。现在我想将 Firebase 添加到项目中，但“Firebase deploy”命令不会构建相同的文件。它实际上创建了一个新的占位符 index.html 文件，即使我用以前的 html 替换该文件文件，我也会收到大量错误，因为所有其他组件都不存在（没有 JS 没有 CSS）...

这是我的 Firebase 设置。

这些是我使用“dist”文件夹中的“Npm run build”创建的文件

新的“Firebase 部署”文件 - 现在位于公共文件夹中 - 没有 JS 没有 CSS！

我现在遇到的错误...

现在看来，由 Vue Cli webpack/babel 工作流构建的所有依赖项都已经消失了。有关如何解决此问题而无需从头开始的任何建议？

现在即使我输入 NPM run build 我也会收到错误：

Answer 1

• 使用 npm run build，您可以独立于 Firebase 构建您的 Vue.js 应用程序。
• 我不清楚您是否仍将应用程序构建到dist 目录或public 目录。但是，根据您的 Firebase 设置（“您想在公共目录中使用什么”），最后您需要将 npm run build 生成的所有文件（包括 css 和 js）放在 public 目录中.

一个简单的解决方案是将 Firebase 的公共目录更改为 dist：您可以在 firebase.json 文件中执行此操作，然后将 "hosting": {"public": "public",... 更改为 "hosting": {"public": "dist", ...。

---

最后一点：您对“配置为单页应用程序”的问题回答“否”。通常，对于 Vue.js 应用程序，您应该回答是。