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

use*_*629 4 javascript vue.js nuxt.js

在此处输入图片说明

在 Windows 中工作,我可以使用我的 nuxt 项目生成一个静态站点

$ npx nuxt generate
Run Code Online (Sandbox Code Playgroud)

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

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

编辑; 我将 nuxt.config.js 构建对象更改为:

build: {
publicPath: 'public/',


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

}
}
 }
Run Code Online (Sandbox Code Playgroud)

然后跑了

$ npx nuxt generate
Run Code Online (Sandbox Code Playgroud)

没有生成公用文件夹

Md *_*san 9

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

module.exports = {
  mode: 'spa',
  generate: {
    dir: 'my-dist'
  },
...............
.............
}
Run Code Online (Sandbox Code Playgroud)

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

公共路径:'公共/'

例子:

  build: {
    publicPath: 'public/',
.........
............
}
Run Code Online (Sandbox Code Playgroud)