Use of config.resolve.alias in NextJS config

next.config.js

// Copied for easier bookmarking from <https://github.com/vercel/next.js/issues/706#issuecomment-569041997> by @Lwdthe1
// next.config.js
const aliasPathsToResolve = [
    { name: 'components', path: path.resolve(__dirname, './components') },
    { name: 'Common', path: path.resolve(__dirname, '../../common/react/') },
]
module.exports = () => {
    return  {
        webpack(config, { defaultLoaders }) {
            config.module.rules.push({
	        test: /\.(js|jsx)$/,
	        include: [path.resolve(__dirname, '../../common/react/')],
	        use: [defaultLoaders.babel],
	    })

            /** Resolve aliases */
	    aliasPathsToResolve.forEach((module) => {
	        config.resolve.alias[module.name] = module.path
	    })
        }
    }
}

Copied for easier bookmarking from vercel/next.js#706 (comment) by @Lwdthe1