Skip to main content

[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

Last updated on