config-overrides.js

// Overriding CreateReactApp settings, ref: https://github.com/arackaf/customize-cra
const {
  override,
  addLessLoader,
  useBabelRc,
  // fixBabelImports,
  addWebpackAlias,
  removeModuleScopePlugin,
  babelInclude,
} = require('customize-cra')

const path = require('path')

// use .eslintrc.js config
const eslintConfig = require('./.eslintrc.js')
const useEslintConfig = configRules => config => {
  const updatedRules = config.module.rules.map(
    rule => {
      // Only target rules that have defined a `useEslintrc` parameter in their options
      if (rule.use && rule.use.some(use => use.options && use.options.useEslintrc !== void 0)) {
        const ruleUse = rule.use[0]
        const baseOptions = ruleUse.options
        const baseConfig = baseOptions.baseConfig || {}
        const newOptions = {
          useEslintrc: false,
          ignore: true,
          baseConfig: { ...baseConfig, ...configRules },
        }
        ruleUse.options = newOptions
        return rule

        // Rule not using eslint. Do not modify.
      } else {
        return rule
      }
    }
  )

  config.module.rules = updatedRules
  return config
}

module.exports = override(
  useBabelRc(),
  addLessLoader({
    lessOptions: {
      javascriptEnabled: true,
    }
  }),
  useEslintConfig(eslintConfig),
  removeModuleScopePlugin(),
  babelInclude([path.resolve('src'), path.resolve('scripts')]),
  addWebpackAlias({
    '@scripts': path.resolve(__dirname, 'scripts'),
  }),
)