Question

我对@import .LESS文件有疑问。要编译成CSS，我使用Prepros（http://prepros.io/）。

我目前的项目结构是：

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

我需要将assetsins.less和所有partilas从assets / partials /文件夹中包含到project_styles.less中。我试图以一种明显的方式“导入它们”“...... /资产......”但它没有用。这是一个代码示例：

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）找到的几个解决方案，但没有一个在它们上工作。

你能指点我正确的方向如何实现这个目标吗？提前谢谢！

祝你好运，亚历

Answer 1

你描述它的方式就是它的工作方式。

你可以尝试一下gulp和gulp / grunt-less包。我认为您使用的应用程序存在一些问题。如果gulp / grunt不是一个选项，您可以尝试调整文件夹结构。尝试：

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

通过这种方式，你可以将所有的部分组合在一起，而mixins和变量也是部分的软件。

那么进口应该是这样的：

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

Answer 2

我不知道 prepros.io 是如何运作的，但是LESS有http://lesscss.org/usage/#using-less-in-the-browser-options来设置编译过程，其中包括以下内容：

relativeUrls: false

根据文件：

可选择将网址调整为相对网址。如果为false，则URL已经存在相对于少输入文件。

我建议你研究这个方向。

LESS：如何从父文件夹@import文件

2 个答案: