0

我对@import .LESS 文件有疑问。为了编译成 CSS，我使用 Prepros ( http://prepros.io/ )。

我目前的项目结构是：

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

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

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 ) 上找到的几种解决方案，但没有一个有效。

您能否指出我正确的方向如何实现这一目标？先感谢您！

最好的问候，亚历克斯

4

2 回答 2

0

您描述的方式是它应该工作的方式。

你可以用 gulp 的 grunt 和 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-28T07:49:24.420 回答
0

我不知道prepros.io是如何工作的，但 LESS 必须http://lesscss.org/usage/#using-less-in-the-browser-options设置编译过程，其中如下：

relativeUrls: false

根据文档：

可以选择将 URL 调整为相对的。当为 false 时，URL 已经相对于 entryless 文件。

我建议你看看这个方向。

于 2015-09-28T08:33:48.600 回答