Meteor-Community-Packages / Meteor-Community-Packages/meteor-postcss

Hot reload @import files

Open
#50 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
66
Forks
22
PR merge metrics
No merged PRs in 30d

Description

I'm importing a file into my `/client/main.css` like this:

```css
@import '../imports/ui/css/ds.css';
```

`ds.css` is importing several files like this:

```css
@import '_minireset.css';
@import '_fonts.css';
@import '_base.css';
/* ...etc */
```

When I make a change to one of the files imported in `ds.css`, e.g. `_base.css`, the change isn't hot reloaded. Am I missing something? Is there a way to set things up so that these are watched?

Contributor guide

Open the contributing guide

Research direction

Start with the import chain from /client/main.css to imports/ui/css/ds.css and reproduce the issue by changing _base.css or another imported file. Done means changes in files imported by ds.css are detected and hot reloaded during development.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.