why does sencha app build production replace my css file?

Question

I've had to go back to an old version of compass: 0.12.7
Otherwise it fails on missing files. Before installing I removed the existing compass installation.

It correctly compiles my css file when I make a change to the scss file.

But when I ask sencha to make a production build with "sencha app build production" the css file in my project gets replaced with a different one.

The file probably gets overwritten at the following line during the build process:
[INF] executing compass using system installed ruby runtime overwrite ../css/app.css

So it claims to use my installed version of compass.

What am I doing wrong here?

Answer 1

You have the same problem i have met. Sencha touch 2.4.0 SASS compile error

You should not write your custom css in app.css.
IMHO, there are two ways to add custom css.
1. app.json
2. @import your custom scss file in app.scss in resource/sass/app.scss and then use sencha ant sass to compile css file.