gatsby-plugin-html2amp

gatsby-plugin-html2amp

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

Install

$ npm install --save gatsby-plugin-html2amp

How to use

In gatsby-config.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