用less编写样式 并生成css

作为一个初学者，我现在理解用less编写css的好处有两个：1.less的套嵌结构是样式维护性大大增加 2.变量的使用减少了重复性代码编写

但是初始配置的时候，直接引用这个可能会报错：

<link rel="stylesheet/less" type="text/css" href="styles.less">
<script src="less.js" type="text/javascript"></script>
因为你的IIS没有

给IIS EXPRESS添加LESS CSS MIME TYPE

因为没有配置之前less资源是不允许下载的

方法如下：

按照如下步骤添加.less MIME type到IIS Express：

按Win+R快捷方式，打开命令窗口（windows command prompt）。

使用CD命令切换至IIS Express目录，典型目录为C:\Program Files\IIS Express。

执行下面命令即可：

appcmd set config /section:staticContent /+[fileExtension='.less',mimeType='text/css']

执行成功后，会出现如下提示：

Applied configuration changes to section "system.webServer/staticContent" for "MACHINE/WEBROOT/APPHOST" at configuration commit path "MACHINE/WEBROOT/APPHOST"

当然，也可以手动添加此文件，打开C:\Program Files\IIS Express\config\templates\PersonalWebServer\applicationhost.config，手动添加如下代码即可：

<mimeMap fileExtension=".less" mimeType="text/css" />

链接如下：http://imseven.com/archives/30.html