create-react-app: find files not used in the app bundle, i.e. unused source code

unused-files.sh

#!/bin/bash

# Launch inside a create-react-app project after building the production build.
# Require `jq`.

diff \
	<(find src -type f \( -name '*.js' -o -name '*.jsx' -o -name '*.css' \) | sort) \
	<(cat build/**/*.map | jq --raw-output '.sources | join("\n")' \
		| grep -v '\.\./' | grep -E '\.(js|jsx|css)$' \
		| sed "s#^#src/#" | sort | uniq) \
	| grep '< ' | sed "s#^< ##" | grep -v 'spec'

cat: 'build/**/*.map': No such file or directory

Changing the cat command on line 8 to cat build/**/**/*.map worked.

since you are already using find. a better version of the cat command would be

find build -iname '*.map' -exec cat {} \; 

so

-	<(cat build/**/*.map | jq --raw-output '.sources | join("\n")' \
+	<(find build -iname '*.map' -exec cat {} \; | jq --raw-output '.sources | join("\n")' \

Make sure that the GENERATE_SOURCEMAP env var is true