webpack.config.resolve.js

const { basename, join } = require('path')
const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin')

const { PATHS } = require('./constants')

let resolveConfig, resolveConfigIsPresent, tsconfigIsPresent

try {
  // check for workspaceRoot/webpack.config.resolve.js
  resolveConfig = require(join(PATHS.root, 'webpack.config.resolve.js'))
  resolveConfigIsPresent = true

  if (process.env.DEBUG) {
    console.log('\n[@stackr23/webpack] workspaceRoot/webpack.config.resolve.js is PRESENT, so we USE this config\n\n')
  }
}
catch (e) {
  resolveConfigIsPresent = false
}

if (!resolveConfigIsPresent) {
  resolveConfig = {
    resolve: {
      extensions: [ '.js', '.jsx', '.ts', '.tsx', '.json' ],
    },
  }

  // check if tsconfig is present
  const tsconfigPath = join(PATHS.root, 'tsconfig.json')
  try {
    require(tsconfigPath)
    tsconfigIsPresent = true

    if (process.env.DEBUG) {
      console.log('\n[@stackr23/webpack] tsconfig is PRESENT, so we USE \'tsconfig-paths-webpack-plugin\'\n\n')
    }
  }
  catch (e) {
    tsconfigIsPresent = false
    if (process.env.DEBUG) {
      console.log('\n[@stackr23/webpack] tsconfig is NOT PRESENT, so we DON\'T USE \'tsconfig-paths-webpack-plugin\'\n\n')
    }
  }

  if (tsconfigIsPresent) {
    // use tsconfig-paths-webpack-plugin
    resolveConfig.resolve.plugins = [ new TsconfigPathsPlugin({
      configFile: tsconfigPath,
    }) ]

    // somehow tsconfig-paths-webpack-plugin wasn't working, so adding the paths manually.
    resolveConfig.resolve.alias = {
      modules:     join(PATHS.src, 'modules'),
      components:  join(PATHS.src, 'components'),
      hooks:       join(PATHS.src, 'hooks'),
      pages:       join(PATHS.src, 'pages'),
      css:         join(PATHS.root, 'css'),
      appfiles:    join(PATHS.root, 'appfiles'),
      assets:      PATHS.assets,
    }

    if (process.env.WEBPACK_PATH !== 'test') {
      resolveConfig.resolve.alias['react-dom'] = '@hot-loader/react-dom'
    }
  }
  else {
    // use default resolve config
    resolveConfig.resolve.alias = { assets: PATHS.assets }
    resolveConfig.resolve.modules = [
      basename(PATHS.src), 'node_modules',
    ]
  }
}

module.exports = resolveConfig