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

时间:2014-09-02 08:06:36

标签: css asp.net-mvc cross-browser less bundling-and-minification

我正在使用dotlessbundling开发ASP.NET MVC应用程序。

当我的CSS优化后,我得到link,例如:

<link href="/bundles/global.css?v=xxxxx" rel="stylesheet"/>

然而,当禁用优化时,我得到:

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

在Chrome中,这些less文件读得很好。

但是,通常的做法是将.less文件直接用作样式表吗?

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

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

1 个答案:

答案 0 :(得分:0)

我很确定只要用户启用了Javascript,那么处理和解释.less文件到CSS的唯一方法就是less.js库。您还可以查看他们的Browser Support

我也不建议在生产中使用LESS,因为它的全部目的是帮助您在开发过程中比平常更快地创建动态样式表。如果您将其保留在生产环境中,则每次浏览器加载页面时,都必须下载较少的文件并进行渲染,这比仅将文件编译为一个.css文件更耗时。

修改:

您可以确保浏览器不会拒绝您的文件,并将您的较少文件视为css文件,方法是将服务器上的MIME类型设置为text/css,以获取.less扩展名的文件。 / p>

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

AddType text/css .less