让 IIS 支持 Less

LESS 是一套样式表预编译的工具,利用这个工具,我们可以用编程语言的思路来编辑CSS代码,用更少的代码来实现原先CSS重复的逻辑。但是 LESS 的代码浏览器是不会明白的,在生产环境下,我们可以利用工具对 LESS 代码进行预编译成浏览器看得懂的 CSS 文件,而后再使用。

但是如果只是简单测试,那可以直接在页面上加入 LESS 官网所提供的 LESS.js,在运行的时候便会动态编译。


测试代码如下:

<html>
<head>
<link rel="stylesheet/less" type="text/css" href="styles.less"> <-- rel 的值为 stylesheet/less -->
<script type="text/javascript" src="less.js"></script>
</head>

<body>
<div id="header">this is header</div>
</body>
</html>


上面的代码放在IIS测试,却发现浏览器提示 styles.less 404 错误,也就是说根本没有找到这个文件,再次确认不是文件名错误后,才确认导致此错误的原因是因为 IIS 无法识别 .less 结尾的文件。


解决办法

方法一:添加 MIME 映射,把这个 LESS 扩展名添加到 IIS 中,并映射成 text/css。这样便能正常访问了。



方法二:直接修改 .less 扩展名为 .css 

文章索引

[隐 藏]

本站采用知识共享署名 3.0 中国大陆许可协议进行许可。 ©2014 Charley Box | 关于本站 | 浙ICP备13014059号