时间戳

首页 > 解决方案 > 如何在 vue-cli 中设置生产构建路径？

javascript - 如何在 vue-cli 中设置生产构建路径？

问题描述

我正在使用 vue-cli 工具开发 vuejs 应用程序，并且我也在开发服务器，所以我想在我的服务器中构建 /dist 文件夹以将其作为静态发送到浏览器，但我什至没有知道 /dist 文件夹在哪里。

有一个 webpack.prod.config.js 文件（我认为是用于生产的 webpack 配置），在路径输出字段中，我尝试写入路径但没有用。

标签： javascriptvue.jswebpackfrontendvue-cli

解决方案

/dist只是 VueJS 的默认设置。如果你想修改这个：正如 VueJS 的文档所述：

始终使用 outputDir 而不是修改 webpack output.path。

创建一个vue.config.js作为可选配置文件，如果它存在于您的项目根目录中（在 package.json 旁边），它将由 @vue/cli-service 自动加载。

该文件应导出包含选项的对象：

// vue.config.js
module.exports = {
  // options...
}

正如其他人在评论中已经说明的那样，outputDir用于指定在运行 vue-cli-service build 时将在其中生成生产构建文件的目录。请注意，目标目录将在构建之前被删除（此行为可以通过--no-clean在构建时传递来禁用）。

// vue.config.js
module.exports = {
  outputDir : ''
}

推荐阅读