热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

LESSCSS-提取生成的CSS-LESSCSS-ExtracttheCSSgenerated

IamtryingtouseLESSCSStowritemyCSS.Ihaveimportedthestyle.lessandless.jsfileinthat

I am trying to use LESS CSS to write my CSS. I have imported the style.less and less.js file in that order.

我正在尝试使用LESS CSS来编写我的CSS。我按顺序导入了style.less和less.js文件。

Now i wanna extract the CSS that LESS generates.. is there any way i can do that ? i dont want to use the script to generate it dynamically in production. just for development.

现在我想提取LESS生成的CSS ..有什么方法可以做到吗?我不想使用脚本在生产中动态生成它。只是为了发展。

4 个解决方案

#1


3  

http://incident57.com/less/ if you're fortunate enough to use OS X, and there's a ruby gem too http://rubygems.org/gems/less although this has been superseded by the node.js implementation installed through npm. Check http://lesscss.org/ for more information.

http://incident57.com/less/如果你有幸使用OS X,并且还有一个ruby gem http://rubygems.org/gems/less虽然已经被node.js实现安装所取代通过npm。查看http://lesscss.org/了解更多信息。

There's also http://www.dotlesscss.org/ for windows, but not sure how useful it is.

对于Windows也有http://www.dotlesscss.org/,但不确定它有多有用。

#2


5  

You can extract the CSS using the Firebug extension in Firefox. The compiled CSS appears under the menu choice "inline" in the CSS tab.

您可以使用Firefox中的Firebug扩展来提取CSS。编译的CSS显示在CSS选项卡的菜单选项“inline”下。

#3


1  

And in 2013 we have:

2013年,我们有:

http://less2css.org/

Seems to work just fine for me. Just copy/paste.

似乎对我来说工作得很好。只需复制/粘贴。

Chances are you'll want to minify your CSS after this, so:

您可能希望在此之后缩小CSS,因此:

http://cssminifier.com/

#4


0  

For others who'd stumble here, in modern browser you can see it in the LocalStorage. I use Chrome and it's in the dev toolbar under Resources. In my case we also want to save the css file automatically (we have a tool that generates a template), we can do it easily with Javascript.

对于那些在这里绊倒的人,在现代浏览器中,您可以在LocalStorage中看到它。我使用Chrome,它位于资源下的开发工具栏中。在我的情况下,我们还想自动保存css文件(我们有一个生成模板的工具),我们可以使用Javascript轻松完成。

This returns the generated CSS, just replace it with the right path, as you see it under the Resources tab: localStorage.getItem('http://domain.com/css/main.less');

这将返回生成的CSS,只需将其替换为正确的路径,就像在“资源”选项卡下看到的那样:localStorage.getItem('http://domain.com/css/main.less');

Then we send that through Ajax to save it in a css file. When switching to production we remove the less and replace it by the generated css file.

然后我们通过Ajax发送它以将其保存在css文件中。切换到生产时,我们删除less并用生成的css文件替换它。


推荐阅读
  • publicclassBindActionextendsActionSupport{privateStringproString;privateStringcitString; ... [详细]
  • 本文介绍了如何通过C#语言调用动态链接库(DLL)中的函数来实现IC卡的基本操作,包括初始化设备、设置密码模式、获取设备状态等,并详细展示了将TextBox中的数据写入IC卡的具体实现方法。 ... [详细]
  • 在1995年,Simon Plouffe 发现了一种特殊的求和方法来表示某些常数。两年后,Bailey 和 Borwein 在他们的论文中发表了这一发现,这种方法被命名为 Bailey-Borwein-Plouffe (BBP) 公式。该问题要求计算圆周率 π 的第 n 个十六进制数字。 ... [详细]
  • 本文介绍了SIP(Session Initiation Protocol,会话发起协议)的基本概念、功能、消息格式及其实现机制。SIP是一种在IP网络上用于建立、管理和终止多媒体通信会话的应用层协议。 ... [详细]
  • 二维码的实现与应用
    本文介绍了二维码的基本概念、分类及其优缺点,并详细描述了如何使用Java编程语言结合第三方库(如ZXing和qrcode.jar)来实现二维码的生成与解析。 ... [详细]
  • 本文详细介绍了C++中的构造函数,包括其定义、特点以及如何通过构造函数进行对象的初始化。此外,还探讨了转换构造函数的概念及其在不同情境下的应用,以及如何避免不必要的隐式类型转换。 ... [详细]
  • 本文将从基础概念入手,详细探讨SpringMVC框架中DispatcherServlet如何通过HandlerMapping进行请求分发,以及其背后的源码实现细节。 ... [详细]
  • 深入理解:AJAX学习指南
    本文详细探讨了AJAX的基本概念、工作原理及其在现代Web开发中的应用,旨在为初学者提供全面的学习资料。 ... [详细]
  • 本文探讨了如何通过优化 DOM 操作来提升 JavaScript 的性能,包括使用 `createElement` 函数、动画元素、理解重绘事件及处理鼠标滚动事件等关键主题。 ... [详细]
  • Java 中的十进制样式 getZeroDigit()方法,示例 ... [详细]
  • LeetCode 204: 计算质数
    本题要求计算小于给定非负整数n的所有质数的数量。感谢@mithmatt为此问题提供测试案例。 ... [详细]
  • 洛谷 P4009 汽车加油行驶问题 解析
    探讨了经典算法题目——汽车加油行驶问题,通过网络流和费用流的视角,深入解析了该问题的解决方案。本文将详细阐述如何利用最短路径算法解决这一问题,并提供详细的代码实现。 ... [详细]
  • Irish budget airline Ryanair announced plans to significantly increase its route network from Frankfurt Airport, marking a direct challenge to Lufthansa, Germany's leading carrier. ... [详细]
  • 数据类型--char一、char1.1char占用2个字节char取值范围:【0~65535】char采用unicode编码方式char类型的字面量用单引号括起来char可以存储一 ... [详细]
  • 回顾两年前春节期间的一个个人项目,该项目原本计划参加竞赛,但最终作为练习项目完成。独自完成了从编码到UI设计的全部工作,尽管代码量不大,但仍有一定的参考价值。本文将详细介绍该项目的背景、功能及技术实现。 ... [详细]
author-avatar
廖蓉以
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有