1. #1
    Sencha User
    Join Date
    Nov 2011
    Posts
    21
    Vote Rating
    5
    Navaar is on a distinguished road

      0  

    Default [4.2.0 RC] [SenchaCmd 3.1.0] Quicker CSS compiling

    [4.2.0 RC] [SenchaCmd 3.1.0] Quicker CSS compiling


    Hello,

    I was wondering what the bare minimum command line is to recompile the css for a project. It takes a rather long time to do it via SenchaCmd by doing a "sencha app build".

    The scenario is that there are no new files added, just tweaks to existing scss files. No new classes have been added to the project, I just want to refresh the css. I used to be able to just go and do a "compass compile" but that does not seem to work anymore.

    Anybody have any ideas on how to speed this up?

    Thanks

  2. #2
    Sencha User
    Join Date
    Nov 2011
    Posts
    21
    Vote Rating
    5
    Navaar is on a distinguished road

      0  

    Default


    So it looks like you can just use the same compass command line that is used by the ant "sass" target
    compass compile --sass-dir ${compass.sass.dir} --css-dir ${compass.css.dir} --config ${compass.config.file}

    Here are the paths I used when doing a "sencha app build -e testing"

    ${compass.sass.dir} is the path to the base sass file you want to compile. I used "build/{app.name}/testing/"

    ${compass.css.dir}is the path to your resources dir. I used "build/{app.name}/testing/resources/"

    ${compass.config.file} is the ABSOLUTE path to the config file: I used "/path/to/project/sass/config.rb"

    This works as long as you don't add any scss files. If you need to refresh the generated .scss file you have to run "sencha app build"

    Hope that helps other folks.

  3. #3
    Sencha - Ext JS Dev Team dongryphon's Avatar
    Join Date
    Jul 2009
    Location
    Kansas
    Posts
    1,403
    Vote Rating
    147
    dongryphon is a splendid one to behold dongryphon is a splendid one to behold dongryphon is a splendid one to behold dongryphon is a splendid one to behold dongryphon is a splendid one to behold dongryphon is a splendid one to behold dongryphon is a splendid one to behold

      1  

    Default


    You can also run just the "sass" target:

    Code:
       sencha ant sass
    From your application folder - same places you can run "sencha app build".
    Don Griffin
    Engineering Manager - Frameworks (Ext JS / Sencha Touch)

    Check the docs. Learn how to (properly) report a framework issue and a Sencha Cmd issue

    "Use the source, Luke!"

  4. #4
    Sencha User
    Join Date
    Nov 2011
    Posts
    21
    Vote Rating
    5
    Navaar is on a distinguished road

      0  

    Default


    Quote Originally Posted by dongryphon View Post
    You can also run just the "sass" target:
    This seems to regenerate the generated .scss file. This is good for updating when .js source is added or edited or .scss files are added or removed.
    Last edited by Navaar; 17 Feb 2013 at 5:23 PM. Reason: Clarity

  5. #5
    Sencha User
    Join Date
    Nov 2012
    Posts
    48
    Vote Rating
    2
    mbudm is on a distinguished road

      0  

    Default


    We use sencha ant sass theme

    This also compiles the css

  6. #6
    Sencha User
    Join Date
    Apr 2012
    Posts
    16
    Vote Rating
    0
    Corcho is on a distinguished road

      0  

    Default


    Quote Originally Posted by dongryphon View Post
    You can also run just the "sass" target:

    Code:
       sencha ant sass
    From your application folder - same places you can run "sencha app build".
    Thanks, this works just fine for me. Saved me a lot of "unnecessary building" time.

Thread Participants: 3