PJCHENder 未整理筆記

[Gatsby] Gatsby 學習筆記

2020-01-03

[Gatsby] Gatsby 學習筆記

問題解決

在 VSCode 中載入 ESLint

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

1
2
3
4
5
6
// 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,才不會去根目錄 / 找不到檔案:

1
2
3
4
5
6
// gatsby-config.js

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

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

1
$ gatsby build --prefix-paths

Add a Path Prefix @ GatsbyJS

Tags: Gatsby

掃描二維條碼,分享此文章