用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：

1. 按Win+R快捷方式，打开命令窗口（windows command prompt）。
2. 使用CD命令切换至IIS Express目录，典型目录为C:\Program Files\IIS Express。
3. 执行下面命令即可：

   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