[Packager] Command or flag to clean cache

[brentvatne]

When introducing a custom .babelrc, it's necessary to add the resetCache flag to the packager. This requires digging into node_modules and isn't the most developer friendly (DX anybody? :P)

So we should either allow users to do:

./node_modules/react-native/packager/packager.sh clean

or

./node_modules/react-native/packager/packager.sh -root . -clean

Also open to other solutions! cc @amasad

[cyprusglobe]

+1

[dozoisch]

👍

[shlomiatar]

We use this quick and dirty gulp task:

gulp.task('clear-cache', function () {
  // Clear react-packager cache
  var tempDir = os.tmpdir();

  var cacheFiles = fs.readdirSync(tempDir).filter(function (fileName) {
    return fileName.indexOf('react-packager-cache') === 0;
  });

  cacheFiles.forEach(function (cacheFile) {
    var cacheFilePath = path.join(tempDir, cacheFile);
    fs.unlinkSync(cacheFilePath);
    console.log('Deleted cache: ', cacheFilePath);
  });

  if (!cacheFiles.length) {
    console.log('No cache files found!');
  }
});

[brentvatne]

Nice one @shlomiatar! Could you submit a pull request to add that command to the packager?

[fabiomcosta]

+1

[fabiomcosta]

ideally the cache key would consider the current babel transforms

[zallek]

+1 thanks for the tip, and yeh a clean command would be appreciated :)

[amasad]

@martinbigio just shipped a diff that adds support for this. Should land soon.

[gaearon]

hours_spent_here += 3;

[alejomendoza]

👍 this is such an annoying bug 🪲 where do we add the gulp task?

[shlomiatar]

@alejomendoza,
You can install gulp by running npm install -g gulp.
then, you add gulpfile.js and add the task in it (and require the dependencies, os and fs)

you can run the task by typing gulp clear-cache on the same folder as the gulpfile.
good luck! :)