Webpack creating json.gzip files in app root when using docker

[Grmiade]

webpack/webpack#2223 (comment)

Should we use cacheDirectory to fix it?

[gaearon]

We already have cacheDirectory: true, isn't that supposed to use the system temp directory?

cc @hzoo

[hzoo]

Sorry, I actually haven't used that option before, code is here

If the value is blank (loader: 'babel-loader?cacheDirectory') the loader will use the default OS temporary file directory.

[thangngoc89]

This is due to how npm works when run as root user
See MoOx/phenomic#545

I suggest using this package to avoid this problem https://github.com/avajs/find-cache-dir

[gaearon]

What are the relevant packages we need to send PRs to?
Is it babel-loader?

@thangngoc89 Would you be interested in doing so?

[thangngoc89]

We need to setup it up in babel-loader setting.

const cacheDir = findCacheDir({name: 'create-react-app'})

// webpack loaders config
babel-loader?cacheDirectory=cacheDir

From now on, babel-loader will use ./node_modules/.cache/create-react-app as it caches folder

If you accept this solution, I would be happy to send out a PR

[gaearon]

Sounds good if you can make it work. Ideally I’d avoid using node_modules for cache though because people are going to measure it and complain CRA has too many dependencies. 😄

[zelenin]

Hey. What about this issue?

[thangngoc89]

@zelenin Sorry, I forgot this. This will be my first thing to do tomorrow. For now, don't run this in docker with root user.

[gaearon]

Why didn’t we send a PR to babel-loader itself to use findCacheDir({ name: 'babel-loader' }) by default? Wouldn’t that make more sense than special-casing it here?