gatsby config

gatsby-node.js

export function modifyWebpackConfig (config) {
  // arrow-body-style rule doesn't recognize that the spread operator needs
  // to be in an object literal
  // eslint-disable-next-line arrow-body-style
  config.loader('jpg', (cfg) => {
    return {
      ...cfg,
      test: /\.jpe?g$/i,
      loader: 'file-loader?name=images/[name].[ext]',
    }
  })
  // eslint-disable-next-line arrow-body-style
  config.loader('png', (cfg) => {
    return {
      ...cfg,
      test: /\.png$/i,
      loader: 'file-loader?name=images/[name].png',
    }
  })
  return config
}