減@import不按預期工作

我有一個問題，我不明白爲什麼Less @import選項無法按預期工作，儘管嘗試了許多Less @import選項。這是有問題(app.less)文件：減@import不按預期工作

@import "theme"; 
.nav-wrapper--background-white { 
    background-color: #ffffff; 
}

最初，當我在theme.less輸入有效的代碼越少，越少編譯器的幾件事情：

1）產生theme.css。 2）它生成app.less，其中包括來自theme.css的CSS。

這太好了。但是，如果我在theme.less中進行了後續更改，Less編譯器會重新生成theme.css以及修改後的更改，但theme.css中的更改未合併到app.css中。

我希望會發生的是，只要我在引用的theme.less中進行更改，其theme.css將包含在app.css中。

我在SASS/SCSS中做這種事情，它按預期工作。我只是從昨天開始減少並假設可以實現同樣的目標。任何指針將不勝感激。

來源

2016-03-04 GazleyGeester

這聽起來像是你的編譯器有問題。我假設你正在使用你的標籤，因爲你所描述的聽起來像預期的行爲。

你是怎麼編寫的？

來源

2016-03-08 09:01:20

你好Jon，我正在使用我認爲是我的UIKit CSS安裝的node_modules文件夾中的Less的「官方」版本。根據UIKit安裝說明，我認爲這是在運行「npm install」之後加載的。編譯是由「gulp watch -t hsa」觸發的，它監視我的UIKit主題中的變化。我是UIKit的新手，而不是那麼只是感覺我的方式。 – GazleyGeester

這聽起來更像是UIKit監視文件更改並將文件連接在一起的方式中的一個錯誤。重新閱讀你原來的問題，一個沒有多大意義的部分是（2）。它生成'app.less'或'app.css'？編寫你自己的'gulpfile.js'是一個值得編寫的單一任務，以確定問題是否確實存在於UIKit中。我已經創建了一個快速的例子（https://gist.github.com/roobottom/7871827d6ef24d1c3e08） –

謝謝Jon，抽出時間來創建示例文件。這真的很有幫助。是的，2）是我的錯字 - 它應該說'app.css'。 – GazleyGeester

減@import不按預期工作

回答

相關問題