[note] Gatsby 筆記

問題解決

在 VSCode 中載入 ESLint

Gatsby 的 ESLint 是沿用 create-react-app 的，因此只需要在 package.json 中加入下列設定後，VSCode 的 ESLint Plugin 就可以吃到：

// packages.json
{
  "eslintConfig": {
    "extends": "react-app"
  }
}

ESLint not working @ GatsbyJS Github

發佈到 Github Page

由於 Github Page 的網址通常有前綴，例如，https://pjchender.github.io/react-use-opentok/ 的 react-use-opentok，這時候需要在 Gatsby 中設定 prefix，才不會去根目錄 / 找不到檔案：

// gatsby-config.js

module.exports = {
  pathPrefix: `/react-use-opentok`,
  plugins: [
    /* ... */
  ],
};

接著在 Build 專案的時候，需要在 gatsby build 後面加上 --prefix-paths：

$ gatsby build --prefix-paths

Add a Path Prefix @ GatsbyJS