module resolve suggestion

Consider adding the src directory to the list of webpack module resolves. This makes imports throughout your app simpler.

before

import Thing from "../../../util/Thing";

after

import Thing from "util/Thing";

This also makes moving files around easier since you don’t have to change the relative paths.

You can already accomplish this today by making an env file and putting NODE_PATH=src in it. But it seems like a pretty smart default that CRA could set for people.

Something like this would do it: https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/config/webpack.config.dev.js#L89

resolve: {
  modules: ['node_modules', path.resolve(`${__dirname}/src`)]
}

[Timer]

We are not making this a default any time soon. There are too many cases where it causes confusing behavior. Setting NODE_PATH=src inside .env is the best solution currently.

FYI, you are supposed to commit your .env files (minus .local) so that your teammates have them (in case you were telling them to do this by hand).

[ZoeDreams]

in previous projects we have generated a local.env.sample (or commit it) and then have the install or build scripts warn the developer if the local.env is missing and using environment variables instead.