Giter VIP home page Giter VIP logo

Comments (6)

shepherdwind avatar shepherdwind commented on June 10, 2024 1

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.

shepherdwind avatar shepherdwind commented on June 10, 2024

I know what you mean. But now I think I can only realize two kinds of hot reload.

  1. When scss change, reload css file . This will not reload any js component, But If you use css-module, you need reload js youself.
  2. 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.

lorenzomigliorero avatar lorenzomigliorero commented on June 10, 2024

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.

lorenzomigliorero avatar lorenzomigliorero commented on June 10, 2024

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.

shepherdwind avatar shepherdwind commented on June 10, 2024

Try latest version 1.4.2 . This problem fixed now.

from css-hot-loader.

lorenzomigliorero avatar lorenzomigliorero commented on June 10, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.