Since compass no longer works with the latest version of Sencha Touch, I looked for a way to compile my sass and I found sencha ant sass does the trick. But I found that executing the command each time I changed my sass was a bit annoying so I found sencha app watch that watches for ANY changes inside the application, whether it is sass or source code, and build the whole thing.
Is there a way to sencha app watch only sass code ?
EDIT:
Using Compass 1.0.1 (Polaris) Sencha Cmd v5.0.3.324 SenchaTouch 2.4.0
I had the same problem. Run your command with:
sencha ant sass -watch
It will monitor the sass files for changes and compile them on the fly just same as compass native command.
Related
I am using Sencha Cmd to compile my ExtJS project.
I wanted to add a third-party package to my project. For Sencha Cmd to build this, one has to add the package in app.json:
"requires": [
"charts",
"font-awesome",
"font-ext",
"bryntum-scheduler",
"bryntum-scheduler-theme-base",
"bryntum-scheduler-theme-triton"
],
This somehow works, but not completely.
Cmd builds a production version correctly, so the compiled version is working.
However, even after multiple runs of sencha app build production, the application's bootstrap.json does not contain the paths of the package content, and the uncompiled version fails to load because of missing dependencies from that package.
Why is that, where does Sencha Cmd take the contents of bootstrap.json file from, and/or how can I see what happens?
you have to run these cammands in your cmd.whenever i change something in bootstrap.json it didnt work at first place.But after running these cammands it works
sencha app watch
sencha app refresh
I am working on a Ext JS project and I need to compile JSB3 file using Sencha build. I just wanted to know if there is a way to automate the build process. When I use "watch" Sencha Cmd shows it as unknown command.
I am using Sencha Cmd v6 and Ext Js 4.1.
You have to run sencha app watch in the application root folder. Now when you change anything in your project the build will be run automatically.
The other commands which can be interesting for your are sencha app build production and sencha app build testing
You can also use sencha help SomeCommand and it will print you all the options about that command.
You can learn more at http://docs.sencha.com/cmd/guides/extjs/cmd_app.html#extjs-_-cmd_app_-_development_mode
You looking for this i think
sencha app watch
sencha app refresh
sencha app build
these are cammands use to watch refresh and build a sencha application
for example::
if you are locally and using xampp
C:>cd xampp/htdocs/foldername/applicationname
and then sencha app watch
I think using skip.slice=1 when running
sencha app build
should still generate a .css file on the build/production folder but that is not the case with CMD 6.1.1.76
Am I missing something ?
I want to skip slicing images as I won't be supporting old browsers but obviously I still want to generate the proper css file.
I've tried it on a clean workspace and it generates CSS in a production build. Have you installed the Compass extension for Sencha Cmd? I've had some problems when I left this deselected on installation.
I use ExtJS 5 and build my application using Sencha Cmd.
I have Sencha app generated inside my maven based webapp.
I would like to host the SDK on some CDN and still be able to use Sencha Cmd "sencha app build" etc. Is this possible? I need to trip down the size of my webapp.
Please guide.
Do not upload this folder to source control at all.
Instead, put a readme file to tell fellow developers (who will want to build the dev version of the app) how to install Sencha ExtJS and re-generate this ext folder on their side using this command:
cd <path_to_your_app_root>
sencha app upgrade <path_to_extjs_root_folder>
Other project stackholders (Testers, management, ...) should use the production version of the app.
is there an easy way to build only css files from sass files in extjs project without running the whole build process? I know I could create a config file for compass and use compass watch but isn't there a simpler way?
It is possible to use the command "sencha ant sass" to recompile the CSS using Sass. With Sencha Cmd 4 the command "sencha app watch" will also recompile CSS when needed.
Note that simply running "compass watch" no longer works with Ext JS 4.2 since the theme structure changed.
Source: http://www.sencha.com/blog/using-the-new-app-watch-command-in-sencha-cmd-4/