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

Question

我正在使用vue-cli工具来开发vuejs应用程序，并且我也在开发服务器，因此我想在服务器中构建/ dist文件夹以将其作为静态发送到浏览器，但是我不这样做。甚至不知道/ dist文件夹在哪里。

有一个webpack.prod.config.js文件（我认为这是用于生产的webpack配置），并且在path-output字段中，我试图写路径但没有用。

Answer 1

如VueJS的文档所述：

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

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

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

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

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

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