使用“vue-cli-service serve”时在哪里可以找到 outputdir 或 dist-files

Posted 2023-02-22

【中文标题】使用“vue-cli-service serve”时在哪里可以找到 outputdir 或 dist-files

【英文标题】：where to find outputdir or dist-files when use "vue-cli-service serve"

【发布时间】：2020-01-10 09:10:44

【问题描述】：

当我使用 npm 或其他方式运行“vue-cli-service build”时，我可以获得在 vue.config.js 中定义的“dist”输出目录。

    module.exports = 
      publicPath: '/',
      outputDir: 'dist',
    

但是，如果我运行“vue-cli-service serve”，如何找到或在哪里找到或如何定义“dist”目录？我在项目中看不到任何输出目录。

需要帮助！谢谢

【参考方案1】：

在开发模式下（serve 关键字）文件仅保存在 RAM 中 - 它们不会保存在硬盘上。如果您在默认 URL http://localhost:8080 上运行项目 - 那么您应该能够通过转到 http://localhost:8080/webpack-dev-server 来查看所有资产的列表

有一个配置选项要求 Webpack-dev-server 将文件写入磁盘 -

webpack4：https://v4.webpack.js.org/configuration/dev-server/#devserverwritetodisk-

webpack5（应该是）：https://webpack.js.org/configuration/dev-server/#devserverdevmiddleware

【讨论】：

谢谢，这个我很困惑，有官方文档提到吗？

我想知道为什么我的 asp.net VS 项目一直为我提供旧文件！该项目是一个在构建时运行 Vue-cli-service 服务器的模板，我很困惑为什么即使“dist”文件夹中的文件是新鲜的，vue-cli-service 服务器却给了旧的......重新启动vue-cli-service 服务。

这个答案可以帮助我解决我的问题。我正在使用开发构建和 nginx 映射无法找到索引。页。将我的构建更改为生产后，它工作正常。