when does precompile occur?

[dcsan]

in trying to debug the rendering glitch here https://github.com/meteoric/meteor-ionic/issues/91

i went through and gradually commented out lines in _ionic.scss however, it doesn't seem to bear any logic. I can comment includes out and get the game to render, but then adding things back line by line sometimes it will stop working at different points.

it seems like there is either some really complex interplay between elements, or maybe the compiler doesn't actually compile or remove files?

is there a way to use the sass plugin to "force clean" build?

i also tried removing css attributes within the chrome debugger, but wasn't able to find any property that enabled rendering to correct.

this combo will render fine:

@charset "UTF-8";

@import
// // Variables
"stylesheets/mixins",
"stylesheets/variables",

// // Base
"stylesheets/reset",
"stylesheets/scaffolding",
"stylesheets/type",

// Components
// "stylesheets/action-sheet",
// "stylesheets/backdrop",
// "stylesheets/bar",
// "stylesheets/tabs",
// "stylesheets/menu",
// "stylesheets/modal",
// "stylesheets/popover",
// "stylesheets/popup",
// "stylesheets/loading",
// "stylesheets/items",
// "stylesheets/list",
// "stylesheets/badge",
// "stylesheets/slide-box",

// Forms
"stylesheets/form",
"stylesheets/checkbox",
"stylesheets/toggle",
"stylesheets/radio",
"stylesheets/range",
"stylesheets/select",
"stylesheets/progress",

// Buttons
"stylesheets/button",
"stylesheets/button-bar",

// Util
"stylesheets/grid",
"stylesheets/util",
"stylesheets/platform",

// Animations
"stylesheets/animations",
"stylesheets/transitions";

but then adding back the components at some point the renderer will break, but then if i comment out the same components the renderer won't fix itself until some random point.

any other suggestions how to narrow this down?

[dcsan]

ok taking the components out and putting them back to the exact same state, page sometimes renders and sometimes doesn't. sass heisenbug.

[nickw]

is there a way to use the sass plugin to "force clean" build?

you can probably just run a meteor reset in between each test

ok taking the components out and putting them back to the exact same state, page sometimes renders and sometimes doesn't

have you tested putting the components back in individually?

[dcsan]

i tried doing the reset indeed, which triggers the "scss file doesn't exist" problem > restart meteor > time consuming.

but yeah removing and then adding back one by one, did that a few times and there's no logic i can find to this. sometimes it also renders when all of them are added back. bizarre

have you tried any other sass plugins? eg particle4dev:sass