2014-09-05 46 views
-1

我正在使用less.js to compile less on the fly。這裏是我的標記的樣品:減去沒有編譯成CSS

<html> 
    <head> 
     <link rel="stylesheet/less" href="sample.less" type="text/css" /> 
     <script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/1.7.4/less.min.js"></script> 
    </head> 
    <body> 
     <div class="box"> 
      abcd 
     </div> 
    </body> 
</html> 

它不編制少進CSS:

screenshot showing undesired results

+0

我一直在使用Prepros,我喜歡它。 http://alphapixels.com/prepros/ – DeFeNdog 2014-09-05 18:37:16

+1

請參閱http://stackoverflow.com/a/18531239 – 2014-09-05 18:39:28

+6

可能重複的[less.js不工作在鉻](http://stackoverflow.com/questions/3084892/less-js-not-working-in-chrome) – GhostGambler 2014-09-05 18:41:27

回答

-1

爲了編譯少CSS,你應該lessc命令在終端,如果你使用不使用任何任務管理器。

導航到終端上的目錄並鍵入此命令。

$ lessc路徑/ styles.less>路徑/ Styles.css中

一旦運行,刷新瀏覽器。應該將LESS轉換爲CSS。

請按照使用下http://lesscss.org/「少用」

+0

問題的第一行:「我正在使用less.js編譯少量的動態文件」... – 2016-08-17 12:16:36

0

有兩種方法來解決這個

1] 使用Firefox代替鉻,因爲這是瀏覽器的已知問題。

2]在Apache,IIS等任何服務器上運行您的文件,如