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/
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
we have a offline application with the sencha extjs framework. To fill the cache.appcache file we currently using a c# exe to get all files in all subfolders and write the app cache file.
There is no way in build the appCache file once because the files are changing on different projects..
I'm coming from a gulp environment and I'm missing the possibility to adjust the build process to my wishing.
Is there a good way to achieve gulp like behavior with sencha CMD?
Thanks in advance!
Not the way I wanted but could achieve all I needed with ant tasks in build.xml.
I have multiple ExtJS apps based on a custom theme say "my-ux-theme" (extension of "ext-theme-crisp").
I have bunch of .SCSS files repeated in each one of the apps. Every time I make any change to the theme, I have to make change in each of the SCSS files across the apps.
I want to centralize my theme
I am planning to attach "my-ux-theme" to the KitchenSink application and then I am building the entire KitchenSink which produces the .CSS files I need. I then deploy this CSS to my CDN and linking all my apps to this theme (CSS files). Is this a good approach?
Is this a safe assumption that KitchenSink is a big app covering all the components in ExtJS and is generating all the CSS I would ever need?
Can you all please suggest?
The basic question is when we do Sencha Command on an ExtJS application (sencha app build) then the generated CSS files by the theme covers only those components which are used/present in the application? Or it doesn't matter?
Using Kitchen Sink does not feel right to me, Here is what you can do.
Create a Sencha Work Space
Create a Theme Package
Build the Theme Package using "sencha package build"
It will generate one single CSS file for your theme in build/resource/theme-name-all.css
Here are commands for it
sencha -sdk {path/to/Ext-JS-5-SDK} generate workspace my-workspace
sencha generate package -type theme my-custom-theme
sencha package build
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.
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.