當我運行離子庫更新時，我的ionic.css總是覆蓋，爲什麼？

Question

例如：我在WWW/lib目錄/離子/ CSS改變這一行/ ionic.css文件：

background-color: #f39200; 

但始終是我跑離子LIB更新此行改變舊版本：

background-color: #11c1f3; 

爲什麼？

Answer 1

當編譯ionic.scss文件時，您的ionic.css文件正在被覆蓋。您的目錄應該是這樣：

... 
resources/ 
scss/ 
    ionic.app.scss 
www/ 
    css/ 
     style.css 
    lib/ 
     css/ 
     ionic.css 
     scss/ 
     ionic.scss 
... 

所有你需要做的是style.css內編輯這樣的風格。 ionic.css直接從ionic.scss進行編譯，因此每次保存時都會被覆蓋。如果您只想使用純CSS，請確保將所有樣式寫入style.css。

如果您要使用SASS，請在scss/ionic.app.scss內編寫樣式並運行gulp sass。

的index.html是在初建解釋這在一定程度上：

<link href="lib/ionic/css/ionic.css" rel="stylesheet"> 
<link href="css/style.css" rel="stylesheet"> 

<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above 
<link href="css/ionic.app.css" rel="stylesheet"> 
-->