在自定义extjs主题中包含现有的CSS文件

我有一个现有的CSS文件，我想将其包含在我的ExtJS生成构建中。在自定义extjs主题中包含现有的CSS文件

我正在使用自定义主题。我知道我可以去MyApp/packages/myCustomTheme/sass/etc /，并在all.scss文件中使用@import。但是在生产文件中使用@import。

我希望有一种方法可以让我现有的CSS文件与我应用程序的其余CSS一起压缩。

来源

2013-05-09 Brett

根据指南，我们应该将@import语句放在etc/all.scss中。

我发现在这样做的时候，任何导入的文件都是，实际上是在我们主题的css文件中编译的。生产版本中未使用进口。

http://docs.sencha.com/extjs/4.2.1/#!/guide/theming - 参见 “添加自定义工具SASS”

来源

2013-09-30 21:16:11 Brett

要将您的自定义css文件包含在您的生产版本中，您可以在index.html的评论之上包含样式表。所以，你的index.html应该是这样的：

<!DOCTYPE HTML> 
    <html> 
    <head> 
    <meta charset="UTF-8"> 
    <title>YourAppName</title> 
    <link rel="stylesheet" href="link-to-custom.css"> 
    <link rel="stylesheet" href="link-to-another-custom.css"> 
     <!-- <x-compile> --> 
      <!-- <x-bootstrap> --> 
       <link rel="stylesheet" href="bootstrap.css"> 
       <script src="ext/ext-dev.js"></script> 
       <script src="bootstrap.js"></script> 
      <!-- </x-bootstrap> --> 
      <script src="app/app.js"></script> 
     <!-- </x-compile> --> 
</head> 
<body></body>

我不知道是否有更好这样做的方式。到目前为止，这对我有用。希望这可以帮助。

来源

2013-05-22 03:16:47 cclerville

感谢@cclerville部分。这将是一个很好的后备，我仍然希望有一个解决方案能够在自定义主题级别工作，以便我的文件被包装在我的主题中。 – Brett 2013-05-22 14:32:31

在自定义extjs主题中包含现有的CSS文件

回答

相关问题