npm 构建到两个 dist 文件夹

Question

我有一个 Gatsbyjs 项目，我正在尝试构建 2 个不同的文件夹public和production 。

public文件夹将用于开发目的。

我试过npm build./production 。 它正在构建到公用文件夹中。

Answer 1

尽管不是一个共同的目的，但您可以通过 Gatsby API ( onPostBuild ) 实现更改gatsby-node.js ：

const path = require("path")
const fs = require("fs")

exports.onPreInit = () => {
  if (process.argv[2] === "build") {
    fs.rmdirSync(path.join(__dirname, "dist"), { recursive: true })
    fs.renameSync(
      path.join(__dirname, "public"),
      path.join(__dirname, "public_dev")
    )
  }
}

    exports.onPostBuild = () => {
  fs.renameSync(path.join(__dirname, 'public'),
    path.join(__dirname, 'dist'), { overwrite: true })
      fs.renameSync(
        path.join(__dirname, "public_dev"),
        path.join(__dirname, "public")
      )
    }

在上面的示例中，当运行gatsby build命令时，您将 output 在/dist中。

有用的 GitHub 问题：

1. https://github.com/gatsbyjs/gatsby/issues/18975

2. https://github.com/gatsbyjs/gatsby/issues/14703