gatsby-plugin-html2amp

Create AMP(Accelerated Mobile Pages) for your Gatsby site by using html2amp

Install

``bash
$ npm install --save gatsby-plugin-html2amp
`

How to use

In gatsby-config.js
`js
{
resolve: 'gatsby-plugin-html2amp',
options: {
files: ['post/**/index.html', 'index.html'],
publicPath: 'public',
gaConfigPath: 'gaConfig.json',
dist: 'public/dist',
optimize: true,
htmlPlugins: [],
cssPlugins: []
}
}
`

Options

- files
- List of generated html path patterns from publicPath
- Default is [*/.html]
- publicPath
- Directory for building by gatsby
- Default is public
- gaConfigPath
- amp-analytics config json for google analytics
- The path is from publicPath`
- Optional
- dist
- Path to output
- If the options is not set files are override by AMP result
- optimize
- If true, this module will optimize the html by using @ampproject/toolbox-optimizer
- htmlPlugins
- you can add custom converter for html
- cssPlugins
- you can add custom converter for css

More Detail

Please check my article out for detail. ⚡

https://blog.tomoyukikashiro.me/post/amp-using-gatsby