在开发前端项目时，我们经常会使用 CSS 预处理器来编写样式代码，其中 LESS 是常用的一种。但有时在编译 LESS 文件时，会遇到以下的错误提示：
------ -------------------- --- ---- ---- --- ---- - ----- --------- --- - ----------- ------ ----- -- --------
这种情况的原因是 LESS 编译器没有识别我们的文件为 LESS 文件。本文将介绍两种方法解决这个问题。
方法一：检查文件名后缀
LESS 文件的扩展名应该是 .less，如果我们的文件名后缀不正确，就会出现上面的错误提示。所以我们需要检查文件名后缀，确保它是 .less。
如果文件名后缀正确，但仍然遇到上述错误提示，那么可以尝试下面的方法。
方法二：在命令行中指定文件类型
LESS 编译器支持在命令行中指定文件类型，以告诉编译器我们的文件是哪种类型的。我们可以使用 -x 或者 --include-css 参数来指定 CSS 文件类型。
例如，以下两个命令是等价的：
----- ---------- ----- -- ----------
这就是因为 -x 参数告诉 LESS 编译器，我们的文件是 CSS 类型，而不是 LESS 类型。
同样道理，我们可以使用 -x 参数来告诉 LESS 编译器，将 .css 文件视为 CSS 类型。
例如，以下两个命令都会告诉 LESS 编译器，将 reset.css 视为 CSS 类型：
----- ---------- --------- ----- ---------- -- ---------
总结
本文介绍了两种解决在 LESS 编译时遇到 “LESS 文件需要扩展名为 .less” 的问题的方法。
第一种方法是检查文件名后缀，确保它是 .less。
第二种方法是在命令行中指定文件类型，以告诉 LESS 编译器我们的文件是哪种类型的。
如果您遇到这个问题，可以尝试这两种方法解决。希望这篇文章能够有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64b3d48d48841e989400f338