Trouble shooting page is vague

[whamsicore]

On the troubleshoot page I'm told to "Set mode to development in chainWebpack to activate warnings: "Set mode to development in chainWebpack to activate warnings"

chainWebpack (config) {
config.mode('development')
}

How do I do this? Where is this file located? Please be more specific!

[TerabyteTiger]

You can add this to the module.exports in gridsome.server.js - https://gridsome.org/docs/server-api/#apichainwebpackfn

Adding this to the base file would look like:

module.exports = function(api) {
  api.loadSource(({ addCollection }) => {
    // Use the Data Store API here: https://gridsome.org/docs/data-store-api/
  });

  api.createPages(({ createPage }) => {
    // Use the Pages API here: https://gridsome.org/docs/pages-api/
  });

  api.chainWebpack((config) => {
    config.mode("development");
  });
};

If you'd like to submit a PR to update the troubleshooting page to be a bit more clear, it'd be greatly appreciated :)