/
gatsby-config.js
80 lines (78 loc) · 2.02 KB
/
gatsby-config.js
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
const tokens = require('./src/tokens/tokens');
const toJSON = require('./src/tokens/to-json');
const imports = toJSON(tokens);
module.exports = {
siteMetadata: {
title: `gatsby storybook postcss boilerplate`,
description: `A boilerplate built with gatsby, storybook and postcss`,
author: `@gatsbyjs`,
},
plugins: [
`gatsby-plugin-react-helmet`,
{
resolve: `gatsby-source-filesystem`,
options: {
name: `images`,
path: `${__dirname}/src/images`,
},
},
`gatsby-transformer-sharp`,
`gatsby-plugin-sharp`,
{
resolve: `gatsby-plugin-manifest`,
options: {
name: `gatsby-starter-default`,
short_name: `starter`,
start_url: `/`,
background_color: `#663399`,
theme_color: `#663399`,
display: `minimal-ui`,
icon: `src/images/gatsby-icon.png`, // This path is relative to the root of the site.
},
},
{
resolve: 'gatsby-plugin-postcss',
options: {
postCssPlugins: (loader) => [
require('stylelint')(),
require('postcss-reporter')(),
require('postcss-browser-reporter')(),
require('postcss-nested'),
require('postcss-preset-env')({
stage: 1,
autoprefixer: { grid: true },
preserve: false,
importFrom: [imports],
}),
require('postcss-import')({ root: loader.resourcePath }),
require('cssnano')({
preset: [
'default',
{
discardComments: {
removeAll: true,
},
},
],
}),
require('postcss-hexrgba')(),
]
},
},
{
resolve: 'gatsby-plugin-typescript',
options: {
isTSX: true, // defaults to false
allExtensions: true, // defaults to false
},
},
{
resolve: "gatsby-plugin-react-svg",
options: {
rule: {
include: /assets/
}
}
}
],
}