/ 3 分钟阅读

本文最后更新于 1535 天前，文中所述的信息可能已发生改变或更新。

before：

{
  "dependencies": {
    "axios": "0.21.1",
    "fast-exif": "^1.0.1",
    "gatsby": "^2.1.4",
    "gatsby-image": "^2.0.22",
    "gatsby-plugin-feed": "^2.0.8",
    "gatsby-plugin-google-analytics": "^2.0.8",
    "gatsby-plugin-manifest": "^2.0.5",
    "gatsby-plugin-offline": "^2.0.5",
    "gatsby-plugin-react-helmet": "^3.0.0",
    "gatsby-plugin-sass": "^2.0.5",
    "gatsby-plugin-sharp": "^2.0.20",
    "gatsby-plugin-sitemap": "^2.0.3",
    "gatsby-plugin-typography": "^2.2.0",
    "gatsby-remark-autolink-headers": "^2.0.12",
    "gatsby-remark-copy-linked-files": "^2.0.5",
    "gatsby-remark-images": "^2.0.4",
    "gatsby-remark-prismjs": "^3.0.0",
    "gatsby-remark-responsive-iframe": "^2.0.5",
    "gatsby-remark-smartypants": "^2.0.5",
    "gatsby-source-filesystem": "^2.0.20",
    "gatsby-transformer-remark": "^2.1.6",
    "gatsby-transformer-sharp": "^2.1.3",
    "gatsby-transformer-yaml": "^2.1.6",
    "node-sass": "^4.10.0",
    "prismjs": "^1.15.0",
    "react": "^16.5.1",
    "react-dom": "^16.5.1",
    "react-helmet": "^5.2.0",
    "react-masonry-component": "^6.2.1",
    "react-typography": "^0.16.13",
    "typeface-merriweather": "0.0.43",
    "typeface-montserrat": "0.0.43",
    "typography": "^0.16.17",
    "typography-theme-wordpress-2016": "^0.15.10",
    "postcss": "^8.2.1"
  },
  "devDependencies": {
    "eslint": "^4.19.1",
    "eslint-plugin-react": "^7.11.1",
    "gatsby-remark-prismjs-title": "^1.0.0",
    "gh-pages": "^1.2.0",
    "prettier": "^1.14.2"
  }
}

after：

{
  "dependencies": {
    "axios": "0.25.0",
    "fast-exif": "^1.0.1",
    "gatsby": "^4.6.0",
    "gatsby-image": "^3.11.0",
    "gatsby-plugin-feed": "^4.6.0",
    "gatsby-plugin-google-analytics": "^4.6.0",
    "gatsby-plugin-manifest": "^4.6.0",
    "gatsby-plugin-offline": "^5.6.0",
    "gatsby-plugin-react-helmet": "^5.6.0",
    "gatsby-plugin-sass": "^5.6.0",
    "gatsby-plugin-sharp": "^4.6.0",
    "gatsby-plugin-sitemap": "^5.6.0",
    "gatsby-plugin-typography": "^4.6.0",
    "gatsby-remark-autolink-headers": "^5.6.0",
    "gatsby-remark-copy-linked-files": "^5.6.0",
    "gatsby-remark-images": "^6.6.0",
    "gatsby-remark-prismjs": "^6.6.0",
    "gatsby-remark-responsive-iframe": "^5.6.0",
    "gatsby-remark-smartypants": "^5.6.0",
    "gatsby-source-filesystem": "^4.6.0",
    "gatsby-transformer-remark": "^5.6.0",
    "gatsby-transformer-sharp": "^4.6.0",
    "gatsby-transformer-yaml": "^4.6.0",
    "node-sass": "^6.0.0",
    "postcss": "^8.2.1",
    "prismjs": "^1.15.0",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-helmet": "^6.1.0",
    "react-masonry-component": "^6.2.1",
    "react-typography": "^0.16.13",
    "typeface-merriweather": "1.1.13",
    "typeface-montserrat": "1.1.13",
    "typography": "^0.16.17",
    "typography-theme-wordpress-2016": "^0.15.10"
  },
  "devDependencies": {
    "eslint": "^8.7.0",
    "eslint-plugin-react": "^7.11.1",
    "gatsby-remark-prismjs-title": "^1.0.0",
    "gh-pages": "^1.2.0",
    "prettier": "^2.5.1"
  }
}

yarn upgrade-interactive --latest 一把梭！批量更新没毛病，实在惊人，真的没想到 Gatsby 2 到 4 跨两个大版本，基本上把依赖更新一遍就跑起来了，赞美 yarn！

除了 gatsby-plugin-feed 的配置有一点改变以及 node-sass 的版本更得太新，其他基本没啥问题，可能是因为这个小破站用到的功能就非常少吧。虽然还有 gatsby-image 到 gatsby-plugin-image 的迁移，不过这个也不是强制的，按需求来吧。

升级之后 graphQL 的查询页面好用多了，至于速度快没快嘛……开发是变快了，因为延后了一些页面的生成，但是生产，估计也就差不多的速度，不过也在这呼吁大家，如果自己的 Gatsby 静态博客不复杂的话，请勇敢升级，完全不会花很多时间~

PS. 最麻烦的果然还是下载资源，请灵活运用 npm config set proxy