当我在我的PC或移动设备上的浏览器中运行时,我的应用程序按预期工作,但当我运行sencha app build native
应该缩小应用程序并将所有文件放在一起时,我不会得到该应用程序的全部功能。具体来说,我在app.css
文件中定义的CSS规则已经消失,并且某些按钮无法按预期工作。建筑时我没有任何错误,也没有任何警告。
奇怪的是,该应用程序已经进行了一些修改,但最近它在我构建它时表现不佳。事实上,构建似乎不仅会改变某些文件,而且在运行构建命令后我的原始app.css
会被更改,而且我总是必须恢复到原来的版本。什么可能导致这种行为?
编辑:破坏的功能是代码中的简单错误的结果,这些错误在构建应用之前由于某种原因而无法实现。我正在构建本机然后在iPhone和Android上进行测试,并没有意识到我可以运行sencha app build production
并在我的网络服务器上测试它!这使我可以使用Chrome Dev Tools在我的JS代码中找到问题。
以下答案涵盖了CSS问题!具体来说,我决定在custom.css文件中定义所有规则,并保持app.css不变。
答案 0 :(得分:2)
你的css应该放在resources / sass的.scss文件中。每次运行sencha app build native时,它都会运行compass compile,它将.scss文件编译成.css文件。文档介绍了sencha touch的这一方面如何在这里工作:http://docs.sencha.com/touch/2.3.0/#!/guide/theming