Comments (6)
Reload js component feature come from v1.4.1, https://github.com/shepherdwind/css-hot-loader/blob/master/History.md#141-2018-07-26 .
If you want only reload css, I can add a new config option .
from css-hot-loader.
I know what you mean. But now I think I can only realize two kinds of hot reload.
- When scss change, reload css file . This will not reload any js component, But If you use css-module, you need reload js youself.
- When scss change, reload css and related js file.
You want js component reload only when css export result changed. But I don't how to get the result of css file export .
I will try to fix this, but I am not sure If I can fix it.
from css-hot-loader.
When scss change, reload css file . This will not reload any js component, But I you use css-module, you need reload js youself.
In my case, this trigger a js component reload.
from css-hot-loader.
Yes, I think it's necessary.
Imagine a scenario where you have an enter animation on componentDidMount
, any change to the css would recharge it, and it's frustrating...
from css-hot-loader.
Try latest version 1.4.2 . This problem fixed now.
from css-hot-loader.
Yes, the problem seems to be fixed.
From my point of view, there is a last edge case to manage:
//BEFORE
.foo {
color: red;
}
//AFTER
.foo {
color: red;
composes: colors-primary from global;
}
With composes
, css content remains the same, but css exports is changed.
Instead of use cssModule
option (that force a full reload always when js aren't changed), is it possible to force a js reload also when css exports are changed?
from css-hot-loader.
Related Issues (20)
- Error: Can't resolve 'normalize-url' in ./node_modules/css-hot-loader/hotModuleReplacement.js HOT 4
- Possible explanation for non-working HMR HOT 4
- Call some function after CSS has reloaded HOT 4
- fileMap broken? HOT 4
- Throwing odd Error HOT 1
- HELP ME HOT 2
- Help pls - HMR Cannot apply update. Need to do a full reload! HOT 1
- Webpack 4 help - using in conjunction with mini-css-extract-plugin HOT 2
- Webpack 4 compatibility HOT 22
- can't work very well HOT 2
- Code spliting HOT 8
- Weird bug with code splitting on initial page load HOT 2
- [hot reload not work] With splitChunks, reload the mismatch css file HOT 7
- Want help maintaining this? HOT 6
- Doesn't work for server-side rendering HOT 1
- Not working with css as an entry point & webpack 4 HOT 4
- Adding the content hash in the css filename breaks reloading HOT 5
- Object doesn't support property or method 'remove' HOT 2
- Union with `mini-css-extract-plugin` HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from css-hot-loader.