在 Nuxt 中设置输出文件夹的路径答案

【问题标题】：Set path to output folder in Nuxt在 Nuxt 中设置输出文件夹的路径
【发布时间】：2019-06-20 04:47:55
【问题描述】：

在 Windows 中工作，我可以使用 nuxt 项目生成静态站点

$ npx nuxt generate

我有兴趣为生成的静态文件设置输出文件夹。

我正在阅读https://nuxtjs.org/api/configuration-generate，它解释说我应该查看 generate 属性。但是，我不明白如何修改或访问 generate 属性。我如何访问 generate 属性？

编辑；我将 nuxt.config.js 构建对象更改为：

build: {
publicPath: 'public/',


/*
** You can extend webpack config here
*/
extend(config, ctx) {

}
}
 }

然后跑了

$ npx nuxt generate

没有生成公用文件夹

【问题讨论】：

【解决方案1】：

使用下面的配置到module.exports下的nuxt.config.js，所以你的生成文件夹将是my-dist而不是dist

module.exports = {
  mode: 'spa',
  generate: {
    dir: 'my-dist'
  },
...............
.............
}

如果您想使用自定义文件夹将所有 js、css 和 assests 保存在 dist 文件夹下以进行 spa 生成，请使用以下配置到构建对象下的 nuxt.config.js

publicPath: 'public/'

示例：

  build: {
    publicPath: 'public/',
.........
............
}

【讨论】：