Nuxt build config to provide sane source maps and reliable HMR

nuxt.config.js

// @see https://twitter.com/dave_stewart/status/1332340558069690371
// Special thanks to https://github.com/nicholasoxford
// YMMV!

module.exports = {
  build: {
    extend (config, { isDev, isClient }) {
      if (isDev) {        
        // provides proper source and properly-named source map for pages and components
        config.devtool = 'source-map'

        // provides sane HMR
        config.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /node_modules/,
          options: {
            fix: true,
            cache: true,
          }
        })
      }
    }
  },
}