我正在使用dotless和bundling开发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文件。没有客户端处理正在发生。
答案 0 :(得分:0)
我很确定只要用户启用了Javascript,那么处理和解释.less
文件到CSS的唯一方法就是less.js
库。您还可以查看他们的Browser Support。
我也不建议在生产中使用LESS,因为它的全部目的是帮助您在开发过程中比平常更快地创建动态样式表。如果您将其保留在生产环境中,则每次浏览器加载页面时,都必须下载较少的文件并进行渲染,这比仅将文件编译为一个.css
文件更耗时。
修改:
您可以确保浏览器不会拒绝您的文件,并将您的较少文件视为css文件,方法是将服务器上的MIME类型设置为text/css
,以获取.less
扩展名的文件。 / p>
例如,如果您使用的是Apache,则可以使用以下.htaccess文件来执行此操作。
AddType text/css .less