【问题标题】:where to find outputdir or dist-files when use "vue-cli-service serve"使用“vue-cli-service serve”时在哪里可以找到 outputdir 或 dist-files
【发布时间】: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”目录?我在项目中看不到任何输出目录。

需要帮助!谢谢

【问题讨论】:

    标签: vue.js webpack webpack-dev-server


    【解决方案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 映射无法找到索引。页。将我的构建更改为生产后,它工作正常。
    猜你喜欢
    • 2020-01-24
    • 1970-01-01
    • 2021-06-20
    • 2018-01-10
    • 2020-09-13
    • 2019-11-08
    • 2011-03-04
    • 2019-06-12
    • 1970-01-01
    相关资源
    最近更新 更多