Sencha Extjs CMD-包括自定义css_Extjs_Cmd_Extjs4.1

Sencha Extjs CMD-包括自定义css

extjs cmd

Sencha Extjs CMD-包括自定义css,extjs,cmd,extjs4.1,Extjs,Cmd,Extjs4.1,我使用“sencha generate app”创建了我的Extjs mvc结构。我不知道在哪里添加自定义css以便在构建中使用它。在Touch中，我会把它放在app.json中。我已经查过了。森查，但找不到任何明显的地方。我还希望它在测试时与index.html一起使用。我只是把它放在index.html中吗 <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>AM&

我使用“sencha generate app”创建了我的Extjs mvc结构。我不知道在哪里添加自定义css以便在构建中使用它。在Touch中，我会把它放在app.json中。我已经查过了。森查，但找不到任何明显的地方。我还希望它在测试时与index.html一起使用。我只是把它放在index.html中吗

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>AM</title>
<link rel="stylesheet" href="resources/css/default/app.css">

<!-- Like this ?  -->

 <link rel="stylesheet" href="resources/MyApp.css">
<!-- <x-compile> -->
    <!-- <x-bootstrap> -->
        <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>
</html>

是

谢谢

在

部分，您将在其中放置和脚本标记

建议将

标记放在页面底部（在

之前），因为在脚本加载完成之前，页面不会加载页面的其余部分

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>AM</title>
<link rel="stylesheet" href="resources/css/default/app.css">

<!-- Like this !  -->
<link rel="stylesheet" href="resources/MyApp.css">
</head>
<body>

  <script src="ext/ext-dev.js"></script>
  <script src="bootstrap.js"></script>
  <script src="app/app.js"></script>
</body>
</html>

是

这就是我将自定义CSS放在索引文件中的地方。谢谢，我的该死的应用程序无法正确打包，所以现在无法测试。将尝试开始工作。那么生产构建呢？同样的规则只适用于您应该使用生产JS文件。这不是一种“理想”的方式。使用cmd生成应用程序，然后将外部资源添加到index.htm，如中所示，然后再次使用cmd构建生产/测试。我建议您看看extjs。使用自定义主题作为应用程序中的一个包，您可以轻松地将演示应用到应用程序中，并使其更具可扩展性和干净性。