LESS：如何從@dport文件中導入文件

我有一個關於@import .LESS文件的問題。爲了編譯成CSS，我使用了Prepros（http://prepros.io/）。LESS：如何從@dport文件中導入文件

我的當前項目的結構是：

- all_projects/ 
---- assets/ 
------ partials/ 
-------- partial1.less 
-------- partial2.less 
------ mixins.less 
---- project/ 
------ project_styles.less 
------ variables.less

我需要包括mixins.less，並從資產/諧音/文件夾的所有partilas到project_styles.less。我試圖以obviuos的方式@import他們的方式「../資產...」，但它沒有奏效。下面是一個代碼示例：

project_styles.less

@import '../assets/mixins.less'; 
@import 'variables.less'; 
@import '../assets/partials/partial1.less'; 
@import '../assets/partials/partial2.less';

我試圖在Stackowerflow等（http://goo.gl/yvtpFb）發現了幾個解決方案，但沒有對他們的工作。

你能指點我正確的方向如何實現這一目標嗎？提前謝謝！

最好的問候，亞歷

來源

2015-09-25 Nekto

你描述這是應該的工作方式的方式。

你可以嘗試這個與grunt gulp和gulp/grunt-less包。我認爲你使用的應用程序有一些問題。如果gulp/grunt不是一個選項，您可以嘗試調整文件夾結構。試試：

- all_projects/ 
-- project/ 
---- partials/ 
------ partial1.less 
------ partial2.less 
------ mixins.less 
------ variables.less 
---- project_styles.less

這樣你就可以保持所有偏分量了mixin和變量也是偏分量的軟。然後

進口應該是這樣的：

@import '../project/partials/partial1.less'; 
@import '../project/partials/partial2.less'; 
@import '../project/partials/mixins.less'; 
@import '../project/partials/variables.less';

來源

2015-09-28 07:49:24 pwavg

謝謝你的回答。不幸的是，將同一個文件夾中的所有項目聯合起來是沒有用處的，因爲在這種情況下，我會遇到一個混亂的結構。這就是爲什麼我需要每個項目（爲獨立客戶完成）在其單獨的文件夾。無論如何，感謝您的建議:) – Nekto

我建議可能會解決您的問題的解決方案。我認爲你的問題在於你使用的應用程序，而不是Less語法應該如何工作的方式 – pwavg

是的，我問過應用程序的作者爲什麼發生這種情況。但不幸的是，我還沒有收到任何答案。 – Nekto

我不知道該怎麼prepros.io的作品，但少了http://lesscss.org/usage/#using-less-in-the-browser-options設置編制過程和這些如下：

relativeUrls: false

根據文檔：

可選將網址調整爲是相對的。如果爲false，則相對於無條目文件的URL已經是。

我建議你看看這個方向。

來源

2015-09-28 08:33:48

謝謝你的提示:)但是這些設置僅適用於Less.js。如果我可以像Sass一樣使用「config.rb」文件......不幸的是，我還沒有找到這樣的信息。 – Nekto

LESS：如何從@dport文件中導入文件

回答

相關問題