change css file issue

[seeden]

Hi

I have two files index.js and index.css (index.js requires index.css)
When I change index.css it will use old version.
I need to change index.js too if I want to get latest noncached index.css.
Anyway thank you for this great package :)

[istarkov]

Looks like I need to add BABEL_DISABLE_CACHE=1 into README.md (I use this env variable anywhere in package.json)
Thank you.

[seeden]

I am using it too but I was wondering if there is any other option.

[istarkov]

I'll look in babel sources. Looks like there is no other options in documentation. Any help will be appreciated.

[istarkov]

Looks like babel plugin babel-plugin-transform-inline-environment-variables must have the same issue if env variable has chaged. For now I'll add warning here, and will create an issue at babel, to get a good solution from babel community

[seeden]

Thank you @istarkov . It sounds good

[istarkov]

https://phabricator.babeljs.io/T1186 It is already where, will read when come 2 home.

[istarkov]

PR #37, now in npm version 0.3.6

[thangngoc89]

Ouch. That's why I get this warning

babel-plugin-webpack-loader:
To avoid caching errors you need to set BABEL_DISABLE_CACHE=1 environment variable.
More information at issue #36

[seeden]

I guess that they closed the ticket as resolved without any fix

[istarkov]

As plugins has no knowledge about caching, there is no way to pass additional cache key information about revalidation etc.
I've looked into code and cache cleared if BABEL_ENV, NODE_ENV variables and/or plugin options has changed. As I can't change this variables inside plugin, the only way now is to ask user to set BABEL_DISABLE_CACHE=1 or to set undocumented option cache=false.
As cache=false undocumented, the only way is to ask users to set BABEL_DISABLE_CACHE=1

And I have zero idea what I can suggest to babel to make cache revalidation algorithm smart.

[seeden]

Yep. I understand. The interesting thing is that the Webpack is working with the babel(without BABEL_DISABLE_CACHE). Maybe they are able to force the babel somehow.

[istarkov]

There is no need for webpack to re-transpile js files if something has changed in css file. Because it uses something like webpack_require for includes. But here css-module definition in placed inside js.

[marcustisater]

Thanks for the update guys 👍

The problem is that it slows down our build script, it's understandable because it's disabling the cache. If you have any other workarounds or follow up on this issue it would be very much appreciated.