Gatsby是一款開源的Web框架，基于React進行制作，可以幫助用戶進行網(wǎng)站和應(yīng)用的構(gòu)建，提高用戶的構(gòu)建速度，一個好的Web框架為用戶提供一個簡單的整體，用戶可以在這個框架上加入自己需要的應(yīng)用功能等等，快速構(gòu)建出一個完整的網(wǎng)站。這款框架非常的穩(wěn)定且安全，用戶可以放心使用。

軟件介紹

Gatsby是一個基于React的免費開源Web框架，它可以讓你構(gòu)建速度極快的網(wǎng)站和應(yīng)用。它提供了最新的網(wǎng)絡(luò)技術(shù)，如React.js、Webpack、現(xiàn)代JavaScript、CSS等，幫助您構(gòu)建真正快速的網(wǎng)站。作為一款漸進式網(wǎng)絡(luò)應(yīng)用程序生成器，它的每一個方面都非?？焖?。

軟件功能

創(chuàng)建高質(zhì)量、動態(tài)的網(wǎng)絡(luò)應(yīng)用，從博客到電子商務(wù)網(wǎng)站，再到用戶儀表盤。

在每個網(wǎng)站上使用現(xiàn)代的堆棧

從任何數(shù)據(jù)源獲取數(shù)據(jù)

自動代碼分割、圖像優(yōu)化、內(nèi)聯(lián)關(guān)鍵樣式、懶加載、預(yù)取資源等。

規(guī)?；泄?，分文不取

具備最新的網(wǎng)絡(luò)技術(shù)力量

互聯(lián)網(wǎng)規(guī)模

插件和啟動器

安裝方法

安裝 Gatsby 腳手架

npm install -g gatsby-cli

Gatsby 腳手架提供的常用命令有：

gatsby new [projectName] [starter]：根據(jù) starter 創(chuàng)建一個新項目

gastby develop：開啟熱加載開發(fā)環(huán)境

gastby build：打包到 public 下

gatsby serve：在打包之后，啟動一個本地的服務(wù)測試打包好的生產(chǎn)環(huán)境文件

新建項目

gatsby new gatsby-start

gatsby 默認會使用 gatsby-starter-default 來新建項目，你可以在后面加上其他 starter 的 GitHub 地址，來使用這個 starter 初始化項目。

starter

starter 的概念就是一個初始化模板，你可以基于這個模板進行開發(fā)。本文使用的是最基礎(chǔ)的版本 gastby-starter-hello-world，只包含基本的依賴：react、graphql 和 prettier。