Gatsby Sass
by John Vincent
Posted on September 20, 2019
Using Scss
files with Gatsby is straightforward.
Gatsby Sass Plugin
Using the plugin gatsby-plugin-sass
, add to gatsby-config.js
`gatsby-plugin-sass`,
{
resolve: `gatsby-source-filesystem`,
options: {
name: `scss`,
path: `${__dirname}/src/styles`,
},
},
Load Scss
Add to gatsby-browser.js
import './src/styles/styles.scss';
Gatsby
- Gatsby and Client Only Components
- Gatsby Getting Started
- Gatsby Google Analytics
- Gatsby Google Maps
- Gatsby Helmet
- Gatsby Manifest
- Gatsby Markdown
- Gatsby Overview of johnvincent.io
- Gatsby React Icons
- Gatsby Robots file
- Gatsby RSS Feed
- Gatsby Sass
- Gatsby Sitemap
- Gatsby Webpack Bundle Analyzer
- Migration of johnvincent.io to Next.js from Gatsby
- Overview of port to Next.js from Gatsby