【问题标题】:DotLess - How to import a LESS file in a parent folder?DotLess - 如何在父文件夹中导入 LESS 文件?
【发布时间】:2012-02-09 15:13:17
【问题描述】:

我有这个文件夹结构:

~/css/file1.less
~/css/folder/file2.less

我想做的是在file2.less中导入file1.less,所以在我的file2.less中我有这个代码:

@import "../file1.less";

这不起作用,并且在我构建项目时编译器崩溃。 我在 Visual Studio 2010 中执行编译器。

如何导入放置在父文件夹中的 less 文件?

【问题讨论】:

  • 你能把LESS编译器打印的错误贴出来吗?如果您使用的是 PHP,那将是一个例外,或者如果您使用的是 JS,它很可能在控制台中。
  • 我在 Visual Studio 2010 中使用 .net 无点扩展。我会尽快更新帖子。谢谢
  • dotLess 编译器在 VisualStudio2010 中执行。收不到错误信息,错误代码是-532459699。
  • 对我来说,包含 "@import '../custom.less';" 时不会出现任何错误在less文件的顶部。它只是不会编译为 CSS 文件。我试过引号和斜杠和反斜杠都无济于事。 (我用的是winless)。

标签: visual-studio-2010 less dotless


【解决方案1】:

试试这个:

@import "~/root_css_folder/parentfolder/file1.less";

【讨论】:

  • 这不起作用。我更新了文件夹结构,lambda 是网站的根目录。
【解决方案2】:

我刚刚测试了导入一个文件,该文件比您执行它的方式高一级,它对我有用.. 崩溃时编译器的错误是什么?该错误可能会对您有所帮助。

顺便说一句,您可能应该保持 .less 文件的结构不同。

【讨论】:

    【解决方案3】:

    这似乎是 LESS 中的一个错误。

    错误报告中的注释表明它已在主分支中修复,因此如果您从 git 获取最新版本,也许它会起作用。

    请参阅 https://github.com/cloudhead/less.js/issues/177 和 StackOverflow 上的这篇文章:Node.js + Express.js. How to RENDER less css?

    【讨论】:

      【解决方案4】:

      您必须将 ./ 添加到您的路径中。例如:

      @import "./../style.less";  /* Correct */
      @import "../style.less";    /* Wrong */
      

      【讨论】:

      • 我将 lessc 更新到 2.1.1 版,@import "../style.less"; 按预期工作。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-09-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多