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

Question

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

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

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

需要帮助！谢谢

Answer 1

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

有一个配置选项可以要求 Webpack-dev-server 将文件写入磁盘 - https://webpack.js.org/configuration/dev-server/#devserverwritetodisk-