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