Saving included files doesn't compile main.scss + it compiles itself #68

artipixel · 2014-12-04T15:42:05Z

Hi,
When I'm trying to save some included sass files, it compiles itself, although I specifically disabled this option. additionally, it doesn't compile the main file - main.scss. I need to save 2 files very time I make a change, and I get weird errors as well, like this one -

Alltogh there is nothing wrong with that file.
When I'm trying to un-include this file it gives me the same error with the next file.

Also, It's still generating maps - and I specifically disabled it too.
The reason - it calls the full path instead the relative, I'm developing it on my computer and it's not very good to have a path like F:/project/project_name ...
This is my .json file:

{
    "path": {
        "media/scss/main.scss": {
            "sass.enabled": true,
            "sass.options": {
                "outputDir": "../css/",
                "includePaths": [
                    "media/scss/"
                ],
                "imagePath": null,
                "sourceComments": "none",
                "outputStyle": "nested",
                "media/scss/*.scss": {
                    "sass.enabled": false
                }
            }
        }
    }
}

and my folder tree:

│   .brackets.json
│   .htaccess
│   404.html
│   apple-touch-icon-precomposed.png
│   crossdomain.xml
│   favicon.ico
│   humans.txt
│   index.html
│   robots.txt
─media
 ├───css
 │       main.css
 │       main.css.map
 │
 └───scss
     │   main.scss
     │
     ├───core
     │       base.css
     │       base.css.map
     │       base.scss
     │       directional.css
     │       directional.css.map
     │       directional.scss
     │       functions.css
     │       functions.css.map
     │       functions.scss
     │       typography.scss
     │       vars.css
     │       vars.css.map
     │       vars.scss
     │
     ├───normalize
     │       normalize.scss
     │
     ├───pages
     │       common.css
     │       common.css.map
     │       common.scss
     │       painting.scss
     │       school_home.scss
     │
     └───responsive
             grid.css
             grid.css.map
             grid.scss

This is my main.scss file:

@charset "UTF-8";
/*vars*/
@import "core/vars"; 
/*functions*/
@import "core/functions";
/*languages*/
@import "core/directional";
/*normalize*/
@import "normalize/normalize";
/*typography*/
@import "core/typography";
/*base*/ 
@import "core/base";
/*common*/
@import "pages/common";
/*painting page*/
@import "pages/painting"; 
/*home page*/
@import "pages/school_home"; 
/*responsive*/
@import "responsive/grid";

The really weird thing is that it saves the file at ../css folder, so the .json file configuration does work.
Help, please? :(

The text was updated successfully, but these errors were encountered:

cosmefae · 2014-12-17T21:32:30Z

Same problem here. :(
PS.: I realized that just work with "app.scss" to compile the CSS. Another SCSS name doesn't works.

dennisspohr · 2014-12-19T18:39:23Z

Same for me, very frustrating. It doesn't recognise any change of imported .scss files.

WoMayr · 2014-12-23T13:04:30Z

Same problem here.
I even copied the example on the front-page

EDIT: I just tried to enable the compile of the imported files and saw that the app.scss file also gets compiled, but in the wrong directory. So changing the directory to "../css/" helps, but your "scss" directory gets trashed with an additional "css" folder.

Dexyne · 2015-01-02T15:31:00Z

I'm having a similar issue, when saving my file with import rule it's not working correctly and see the same message as the first post.

I try the solution given by @cosmefae because compiling with another name is not working
Using app.sass not working too, only SCSS works for me.
I try to include in .brackets.json something like this "partials/*.sass": { "sass.enabled": false } but it compile in the same directory and not include anything

So actually all my files inside partials/ use the _name syntax (ex: _component.sass).

Actually my .brackets.json file include this:

"app.scss": {
    "sass.enabled": true,
    "sass.options": {
        "outputDir": "../css/"
    }
}

and my tree looks like this:

css/
    app.css
    app.css.map
sass/
    partials/
        _partial_1.sass
        _partial_2.sass
    app.scss

EDIT: Included files are not watched and compiled inside app.scss if I made a change.
I need to edit app.scss to force the compilation.

jasonsanjose · 2015-01-19T10:54:44Z

@artipixel I think your .brackets.json file is wrong. You're specifying a path media/scss/*.scss inside another path media/scss/main.scss. This is invalid. I think what you want is below:

{
    "sass.enabled": false,
    "path": {
        "media/scss/main.scss": {
            "sass.enabled": true,
            "sass.options": {
                "outputDir": "../css/",
                "includePaths": [],
                "imagePath": null,
                "sourceComments": "none",
                "outputStyle": "nested"
            }
        }
    }
}

However, in addition to the .brackets.json problem, there is a bug here even with the correct JSON where the main file doesn't get compiled. I'll have a fix soon.

jasonsanjose · 2015-01-19T11:25:05Z

Fixed in #78, version 1.0.3-80.

@artipixel Here's an alternative .brackets.json that disabled SASS compiling by default, then enables it just for your root level file:

{
    "sass.enabled": false,
    "path": {
        "media/scss/main.scss": {
            "sass.enabled": true,
            "sass.options": {
                "outputDir": "../css/",
                "includePaths": [],
                "imagePath": null,
                "sourceComments": "none",
                "outputStyle": "nested"
            }
        }
    }
}

WoMayr · 2015-01-20T18:24:29Z

The last update just made it worse for me. I tried the config you provided here: #68 (comment) but I can't get it to work. (I changed the folder names but everything else is the same)

My folders look like the following:

root
|- css // Output folder of SCSS
|- js
|- ...
|- scss
  |- app.scss
  |- imports
    |- main.scss
    |- layout.scss
    |- ...

My app.scss only consists of "imports" but changing a file in the subfolder "imports" doesn't cause app.scss to recompile.
I also tried the one one the frontpage of this github project. But no luck either.

jasonsanjose · 2015-01-21T04:43:03Z

@Belkar that sample was just for @artipixel. Looking at your example, you'll want a .brackets.json file that looks like this

scss/app.scss
-------------------
@import "main"
@import "layout"
...

.brackets.json
------------------
{
    "sass.enabled": false,
    "path": {
        "scss/app.scss": {
            "sass.enabled": true,
            "sass.options": {
                "outputDir": "../css/",
                "includePaths": ["imports/"],
                "imagePath": null,
                "sourceComments": "none",
                "outputStyle": "nested"
            }
        }
    }
}

WoMayr · 2015-01-21T09:10:03Z

Thanks for the fast reply but i can't get it to work.
I'm on Windows using your latest version (1.0.4-83)

Saving app.scss works but changing something in imports/*.scss doesn't cause it to recompile
Also i need to specify the folder in app.scss or nothing happens at all.

@import "imports/main"
@import "imports/layout"
...

EDIT: Somehow it works now. (I have done absolutly nothing in between) THANKS!! :)

artipixel · 2015-01-21T09:13:38Z

Also thanks,
I will test it as soon as I can,
The website is in production and I had to use an external compiler :(

panablue · 2015-01-29T19:31:57Z

I continue to have this issue: saving a partial/imported SCSS file doesn't trigger a recompile of the main SCSS file and update of the live preview.

Here's my .brackets.json:

{
    "sass.enabled": false,
    "path": {

        "scss/master.scss": {
            "sass.enabled": true,
            "sass.options": {
                "output": "../styles.css",
                "includePaths": [],
                "sourceComments": "none",
                "outputStyle": "compressed"
            }
        },

        "scss/potter.scss": {
            "sass.enabled": true,
            "sass.options": {
                "output": "../potter.css",
                "includePaths": [],
                "sourceComments": "none",
                "outputStyle": "compressed"
            }
        }

    }
}

jasonsanjose · 2015-03-05T00:20:13Z

Reopened. @panablue can you try this dev build https://github.com/jasonsanjose/brackets-sass/releases/tag/2.0.1-105 and see if it fixes your issue with partials not recompiling the main input? Also, are you on mac or win?

panablue · 2015-03-05T07:17:14Z

It appears to be working - and updating the live preview without saving is extra awesome.

Thank you for taking the time on this. (I'm on Windows 7.)

Maybe not even worth addressing, but I noticed a small anomaly that occurs when making edits between 2 open partial files:

Changes to either file updates the live preview as expected, but saving partial A updates the live preview to show the last-saved version of partial B. (However saving partial B then re-updates the live preview with the changes since the last save.)

jasonsanjose · 2015-03-05T16:59:58Z

@panablue thanks for the feedback.

Maybe not even worth addressing, but I noticed a small anomaly that occurs when making edits between 2 open partial files:

Changes to either file updates the live preview as expected, but saving partial A updates the live preview to show the last-saved version of partial B. (However saving partial B then re-updates the live preview with the changes since the last save.)

Can you file this as a separate bug? Pretty sure that's fixable. Thanks again.

jasonsanjose · 2015-03-05T20:01:04Z

Fixed in #100. Closing

HumidBrains · 2015-04-07T18:15:46Z

I get the same problem on Mac as @panablue had on Windows. No live preview and no compiling as soon as I import partials into the app.scss file. Commenting out the imports of partials instantly shows live preview and compiling with file mapping works fine, so it's the imports that breaks it for me. I'm on Yosemite and use brackets-sass v 2.0.1-109. My setup below...

scss/app.scss

@import "variables"
@import "graphs"
...

.brackets.json

{
"sass.enabled": false,
"path": {
"scss/app.scss": {
"sass.enabled": true,
"sass.options": {
"outputDir": "../css/",
"includePaths": ["imports/"],
"imagePath": null,
"sourceComments": "none",
"outputStyle": "nested"
}

TsuNut · 2016-08-25T20:23:52Z

Saving a partial/imported SCSS file doesn't trigger a recompile of the main SCSS file for me neither. :(

Compile works only if I update the main scss file.

MartinGeldart · 2018-06-27T01:10:52Z

Try adding this commented-out line to the top of all of your _partial files:

// main: main.scss

This tells SASS to compile your main SCSS file when saving a partial. Obviously, change main.scss to whichever filename you're using as your main.

jasonsanjose self-assigned this Jan 19, 2015

jasonsanjose added the fix in progress label Jan 19, 2015

jasonsanjose mentioned this issue Jan 19, 2015

Pass correct preferences path context #78

Merged

jasonsanjose closed this as completed in #78 Jan 19, 2015

WoMayr mentioned this issue Jan 21, 2015

@import '_file.scss'; not working #79

Closed

jasonsanjose added this to the v2.0 milestone Mar 5, 2015

jasonsanjose reopened this Mar 5, 2015

panablue mentioned this issue Mar 5, 2015

Saving SCSS partial reverts live preview to last-saved version of unsaved partial(s) #103

Open

jasonsanjose closed this as completed Mar 5, 2015

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Saving included files doesn't compile main.scss + it compiles itself #68

Saving included files doesn't compile main.scss + it compiles itself #68

artipixel commented Dec 4, 2014

cosmefae commented Dec 17, 2014

dennisspohr commented Dec 19, 2014

WoMayr commented Dec 23, 2014

Dexyne commented Jan 2, 2015

jasonsanjose commented Jan 19, 2015

jasonsanjose commented Jan 19, 2015

WoMayr commented Jan 20, 2015

jasonsanjose commented Jan 21, 2015

WoMayr commented Jan 21, 2015

artipixel commented Jan 21, 2015

panablue commented Jan 29, 2015

jasonsanjose commented Mar 5, 2015

panablue commented Mar 5, 2015

jasonsanjose commented Mar 5, 2015

jasonsanjose commented Mar 5, 2015

HumidBrains commented Apr 7, 2015

TsuNut commented Aug 25, 2016 •

edited

Loading

MartinGeldart commented Jun 27, 2018 •

edited

Loading

Saving included files doesn't compile main.scss + it compiles itself #68

Saving included files doesn't compile main.scss + it compiles itself #68

Comments

artipixel commented Dec 4, 2014

cosmefae commented Dec 17, 2014

dennisspohr commented Dec 19, 2014

WoMayr commented Dec 23, 2014

Dexyne commented Jan 2, 2015

jasonsanjose commented Jan 19, 2015

jasonsanjose commented Jan 19, 2015

WoMayr commented Jan 20, 2015

jasonsanjose commented Jan 21, 2015

WoMayr commented Jan 21, 2015

artipixel commented Jan 21, 2015

panablue commented Jan 29, 2015

jasonsanjose commented Mar 5, 2015

panablue commented Mar 5, 2015

jasonsanjose commented Mar 5, 2015

jasonsanjose commented Mar 5, 2015

HumidBrains commented Apr 7, 2015

scss/app.scss

.brackets.json

TsuNut commented Aug 25, 2016 • edited Loading

MartinGeldart commented Jun 27, 2018 • edited Loading

TsuNut commented Aug 25, 2016 •

edited

Loading

MartinGeldart commented Jun 27, 2018 •

edited

Loading