Css 我可以在链接元素href跨浏览器中使用.less吗？

我正在使用和开发一个ASP.NET MVC应用程序

当我的CSS得到优化时，我会得到如下链接：

但是，当禁用优化时，我得到：

<link href="/css/header.less" rel="stylesheet"/>
<link href="/css/content.less" rel="stylesheet"/>
<link href="/css/footer.less" rel="stylesheet"/>

在Chrome中，这些较少的文件可以很好地读取

但是，将.less文件直接用作样式表是否是常见的做法

我担心一些浏览器可能无法识别样式表，因为它们不是以.css结尾的，因此会忽略它们

---

更新：为了澄清，.less文件是预编译的服务器端文件，因此是有效的CSS文件。没有客户端处理发生。

我很确定，只要用户启用了Javascript，那么将.less文件处理并解释为CSS的唯一东西就是less.js库。你也可以检查他们的

我也不建议在生产中使用更少的样式表，因为它的全部目的是帮助您创建动态样式表，甚至比正常的开发速度还要快。如果您将其保留在生产环境中，那么每次浏览器加载页面时，它都必须下载较少的文件并进行渲染，这比简单地将文件编译成一个.css文件要耗费更多的时间

编辑：

对于扩展名为.less的文件，可以将服务器上的MIME类型设置为text/css，以确保浏览器不会拒绝您的文件，并将less文件视为css文件

例如，如果您使用的是Apache，则可以使用以下.htaccess文件来执行此操作

AddType text/css .less

---

我不会在客户端减少处理。它是使用无点服务器端处理的。.less文件的内容是有效的CSS。很抱歉，我的原始答案完全不正确。我更新了我的答案。

AddType text/css .less