导入.less文件被编译成单个.css文件

Question

我正在将几个.less文件导入styles.less文件，如下所示

@import "foo1";
@import "foo2";
@import "foo3";
@import "foo4";

现在，当我编译styles.less文件时，它将所有.less文件合并到styles.css。当我想将它部署到生产中时，这种方法很好，但我想分别编译所有.less文件 这样我就可以在dev环境中轻松调试我的chrome dev工具。如何以这种方式编译它们？

Answer 1

单独编译.less文件。然后在HTML页面上链接所有这些内容。