1
2

$ npm i gatsby-plugin-typescript
$ npm i -D typescript @types/react @types/react-dom @types/node ts-node

1
2
3

module.exports = {
  plugins: [`gatsby-plugin-typescript`]
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

{
  "compilerOptions": {
    "esModuleInterop": true,
    "jsx": "preserve",
    "lib": [
      "dom",
      "esnext"
    ],
    "module": "esnext",
    "moduleResolution": "node",
    "noEmit": true,
    "noFallthroughCasesInSwitch": true,
    "noUnusedLocals": true,
    "noImplicitReturns": true,
    "noUnusedParameters": true,
    "forceConsistentCasingInFileNames": true,
    "strict": true,
    "target": "esnext",
    "allowJs": true,
    "resolveJsonModule": true,
    "isolatedModules": true
  },
  "exclude": [
    "node_modules"
  ],
  "include": [
    "./src/**/*",
    "./gatsby/**/*"
  ]
}

1

require("ts-node").register();

1
2
3
4
5
6

const { createPages, onCreateNode } = require('./gatsby/node/').default

module.exports = {
  createPages,
  onCreateNode
}

1
2
3
4
5
6
7

import createPages from './createPages'
import onCreateNode from './onCreateNode'

export default {
  createPages,
  onCreateNode
}