【问题标题】:How to use custom css in extjs app如何在 extjs 应用程序中使用自定义 CSS
【发布时间】:2014-08-06 20:02:12
【问题描述】:

在我的 Extjs 应用程序中,我将 custom.css 文件保存在根目录的资源文件夹中以进行测试,并保存在 build-resources 文件夹中。并将 css 路径添加到两个 index.html 文件(测试和构建)。但是每当我将其转换为构建生产时,index.html 文件都会覆盖并且 custom.css 文件会丢失。有点问题。我知道这是因为我在外部添加了这个文件。但是有没有永久的解决方案来解决这个问题,而不违反 Extjs 应用程序结构?

【问题讨论】:

  • 我不认为这是一个 extjs 问题。这就是你设置项目的方式......我认为
  • 嗨奥利弗。感谢您的回复。但问题是,将自定义 css 文件保存在应用程序中的什么位置? Extjs 中是否有使用自定义 css 文件的约定?
  • 如果您选择只包含 css 文件的方式 - 那么您可以将其存储在资源文件夹中。

标签: extjs


【解决方案1】:

您可以通过 scss 添加自定义样式。网络上有几篇关于设置 ExtJS 应用程序样式的文章。

http://docs.sencha.com/extjs/5.0.0/core_concepts/theming.html

http://www.rallydev.com/community/engineering/guide-custom-themes-extjs-4[死链接]

如果你只想添加你的单个自定义 css 文件——我不推荐——你可以这样做:

Include an existing CSS file in custom extjs theme

http://www.sencha.com/forum/showthread.php?270694-How-to-include-custom-components-CSS-in-build-CSS

【讨论】:

  • 感谢大家的回复。最终解决了custon css文件的问题。但是自定义/外部js文件出现了新问题。我已将此文件保存在资源文件夹中并将其添加到 app.json 文件中。但是当我将它构建到生产时构建失败......我不知道为什么??
  • 究竟是什么失败了?尝试在 index.html 文件中的 ... 标记之外包含自定义 JS 文件。 (类似于使用 css 的第三种链接方法)我不建议为此使用 app.json 文件。
猜你喜欢
  • 1970-01-01
  • 2017-03-18
  • 1970-01-01
  • 1970-01-01
  • 2019-11-26
  • 2011-08-30
  • 2013-05-12
  • 2011-03-31
  • 2015-02-25
相关资源
最近更新 更多