zoukankan      html  css  js  c++  java
  • less css下载及编绎工具

     http://www.lesscss.net


    less.js下载

    LESS 1.5已经放出Beta 1版本,支持source map等新特性,欢迎尝鲜。详细变更请见更新日志。

    生产环境使用建议下载1.4.2稳定版本。

    1.5.0 Beta 1
    1.4.2
    如果您需要在IE6、7、8中使用,请先在引入less.js前先引入es5-shim。

    https://github.com/kriskowal/es5-shim

    浏览器端使用

    LESSCSS也可以不经编译,直接在浏览器端使用。

    使用方法:

    1. 下载LESSCSS的.js文件,例如lesscss-1.4.0.min.js。
    2. 在页面中引入.less文件

      <link rel="stylesheet/less" href="example.less" />
      

      需要注意rel属性的值是stylesheet/less,而不是stylesheet

    3. 引入第1步下载的.js文件

      <script src="lesscss-1.4.0.min.js"></script>
      

    需要特别注意的是,由于浏览器端使用时是使用ajax来拉取.less文件,因此直接在本机文件系统打开(即地址是file://开头)或者是有跨域的情况下会拉取不到.less文件,导致样式无法生效。

    还有一种情况容易导致样式无法生效,就是部分服务器(以IIS居多)会对未知后缀的文件返回404,导致无法正常读取.less文件。解决方案是在服务器中为.less文件配置MIME值为text/css(具体方法请搜索)。或者还有一种更简单的方法,即是直接将.less文件改名为.css文件即可。

    ##########################################


    Node.js库

    LESSCSS官方有一款基于Node.js的库,用于编译.less文件。

    使用时,首先全局安装less(部分系统下可能需要在前面加上sudo切换为超级管理员权限):

    npm install -g less
    接下来就可以使用lessc来编译.less文件了:

    lessc example/example.less example/example.css

  • 相关阅读:
    SQL 实现月度留存率/复购率
    Mac安装mysql数据库,并用navicat链接
    MAC电脑安装git
    form 表格提交
    幼稚从来都是相对的
    Vue 80端口无法使用,直接运行到1024问题
    iOS SDK framework 真机和模拟器合并步骤
    XCODE调试
    UN: Half of Refugee Children Do Not Go to School
    Vue界面传值逻辑
  • 原文地址:https://www.cnblogs.com/wucg/p/3309071.html
Copyright © 2011-2022 走看看