Could not map: Foo in file: codeModExample.js, skipping.
Could not map: Foo in file: codeModExample.js, skipping.
Could not map: Redesign/Bar in file: codeModExample.js, skipping.
Output:
import fetch from 'fetch';
import Foo from 'Redesign/Foo';
import Bar from 'Bar';
import Baz from 'Baz';
var Routes = {
route5: {
component: Foo
},
route1: {
component: require('Foo')
},
route2: {
component: Bar
},
route3: {
component: Baz
},
route4: {
component: require('Foo')
},
route6: {
component: require('Redesign/Bar')
},
};
module.exports = Routes;
Input:
5to6-codemod's current output:
This Branch:
Warnings: Could not map: Redesign/Foo in file: codeModExample.js, skipping. Could not map: Redesign/Bar in file: codeModExample.js, skipping.
Output:
I started looking into recursively handling subdirectories when Module Names clashed, but this is a relatively tricky problem.
Would probably have to do a second foreach function that handles all module names that occurs before we actually create the Import Statement.
This example may explain why in a bit of a better way:
Warnings:
Output: