A list of useful codemods
Install jscodeshift into your application or codebase. Find the transform you want to use, copy it down and follow instructions. Starting with a clean git branch is useful.
yarn add jscodeshift --devConverts absolute imports to relative ones.
- import { Button } @/components/Button`
+ import { Button } from '../../correct/relative/path/components/Button'Open absolute-to-relative-imports.js and modify the pathMapping variable at the top of the file before running.
/**
* Corresponds to tsconfig.json paths or webpack aliases
* E.g. "@/app/store/AppStore" -> "./src/app/store/AppStore"
*/
const pathMapping = {
'@/components': './src/components',
};Execute the codemod on your src directory.
## TypeScript
./node_modules/.bin/jscodeshift -t ./transforms/absolute-to-relative-imports.js src/**.tsx src/**.ts --parser=tsx
## JavaScript
./node_modules/.bin/jscodeshift -t ./transforms/absolute-to-relative-imports.js src/**.jsAdds 'use strict' to files
+ 'use strict'
function foo() {
console.log('boop');
}## TypeScript
./node_modules/.bin/jscodeshift -t ./transforms/use-strict.js src/**.tsx src/**.ts --parser=tsx
## JavaScript
./node_modules/.bin/jscodeshift -t ./transforms/use-strict.js src/**.js
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent