2012-11-20 75 views
2

我用'sencha生成應用程序'來創建我的Extjs mvc結構。我無法弄清楚在哪裏添加我的自定義CSS,以便它在構建中使用。聯繫方式,我會把它放在app.json中。我看過.sencha,但找不到明顯的地方。我也希望它在測試時與我的index.html一起工作。我只是把它放在我的index.html中?Sencha Extjs CMD - 包括自定義css

<!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> 

謝謝!

+0

這就是我把自定義CSS放在索引文件中的地方。 –

+0

謝謝,不能讓我的應用程序包裝正確,所以現在不能測試。將嘗試工作。 – amackay11

回答

1

<HEAD>部分,您將在其中將CSS Style Sheets和SCRIPT標籤放在一起。

建議將<SCRIPT>標記放在頁面底部(在</body>之前),因爲在腳本完成加載之前,頁面不會加載頁面的其餘部分。

<!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> 
+1

生產構建呢? –

+0

同樣的規則只適用於你應該使用生產JS文件。 – A1rPun

+0

這不是一種「理想」的做事方式。使用cmd生成應用程序,然後將外部資源添加到index.htm,如[docs](http://docs.sencha.com/extjs/4.2.1/#!/guide/command_app)所示,然後再次使用cmd建立生產/測試 –