我有这个文件夹结构:
~/css/file1.less
~/css/folder/file2.less
我想做的是在file2.less中导入file1.less,所以在我的file2.less中我有这个代码:
@import "../file1.less";
这不起作用,并且在我构建项目时编译器崩溃。我在 Visual Studio 2010 中执行编译器。
如何导入放置在父文件夹中的 less 文件?
我有这个文件夹结构:
~/css/file1.less
~/css/folder/file2.less
我想做的是在file2.less中导入file1.less,所以在我的file2.less中我有这个代码:
@import "../file1.less";
这不起作用,并且在我构建项目时编译器崩溃。我在 Visual Studio 2010 中执行编译器。
如何导入放置在父文件夹中的 less 文件?
您必须预先./
设置您的路径。例如 :
@import "./../style.less"; /* Correct */
@import "../style.less"; /* Wrong */
这似乎是 LESS 中的一个错误。
错误报告中的注释表明它已在主分支中修复,因此如果您从 git 获取最新版本,也许它会起作用。
请参阅https://github.com/cloudhead/less.js/issues/177和 StackOverflow 上的这篇文章:Node.js + Express.js。如何减少 css 的渲染?
试试这个:
@import "~/root_css_folder/parentfolder/file1.less";
我刚刚测试了导入一个文件,该文件比您执行它的方式高一级,它对我有用.. 编译器在崩溃时的错误是什么?该错误可能会对您有所帮助。
在旁注中,您可能应该保持 .less 文件的结构不同。