jjzjj

javascript - 使用 gulp-useref 和 gulp-less 编译 LESS?

我正在尝试使用gulp-useref插件编译我的LESS文件,但好像gulp-less插件从未在管道中输出我的LESS文件的编译版本。LESS文件在未编译的情况下与其他CSS文件连接在一起。我尝试仅使用gulp-less单独编译我​​的LESS,它运行良好,但我不知道为什么它似乎与gulp-useref插件冲突。这是我的gulp文件:vargulp=require('gulp');varrm=require('gulp-rimraf');vargulpif=require('gulp-if');varless=require('gulp-less');varcssmin=require

javascript - 如何在 twitter-bootstrap 中应用 navbar-inverse 的 CSS

通过使用twitter-bootstrap通过添加.navbar-inverse可以修改导航栏的外观。...我想做的是一个简单的js模块来更改网站的主题。我的脚本只能将一个类添加到主体选择器,然后所有内容都由less文件生成。$('body').addClass('theme-dark');使用js代码很容易得到结果。$('.navbar').addClass('navbar-inverse');但我的问题是不同的:仅通过将newTheme类添加到body选择器来应用navbar-inverse,更改less文件是否可能?如果是,我应该如何编写less规则?我想做这样的事情:.them

javascript - 标题列中标签的垂直文本

我正在尝试在标题表上制作一个带有垂直文本的表格。这是我的CSS代码:tableth.user{.rotate(90deg);position:relative;padding-top:190px;top:-10px;right:0px;width:200px;}这是演示http://codepen.io/anon/pen/GnveJ如您所见,它部分起作用。我想要宽度正好适合内容(大约50像素)的列(列中有名称的单元格);和我附在这个问题上的图片一样。知道为此目的制作css代码或js代码的最佳方法是什么吗?要求:我正在使用less和jquery 最佳答案

javascript - Chrome 控制台输出中的 "less than dot"符号是什么意思?

有时,但并非总是如此,当ChromeJavaScript控制台中的计算结果为“未定义”时,左边距中会出现一个符号,看起来像一个带点的小于号。示例可见thissectionoftheChromedeveloper'stoolsdocumentation.但是这个符号的含义似乎从未被解释过。有人知道它想传达什么吗?谢谢。 最佳答案 每当在命令行上运行一组函数时,控制台输出的最后一行始终是输入中最后一个操作的返回值。该符号在命令执行开始后一直有控制台输出时调用函数的返回值。这是为了避免在这种情况下造成混淆:functionlogVar(s

javascript - 如何在 sails.js 中使用 .less 文件?

我正在阅读http://sailsjs.org/#!documentation/assets但我不知道如何使用.less文件。我把vairables.less和bootswatch.less都放在assets/linker/styles/中我原以为grunt会编译这两个文件,但它没有,而是在浏览器控制台中出现错误:GEThttp://localhost:5000/linker/styles/bootstrap-responsive.css404(NotFound)(index):14GEThttp://localhost:5000/linker/styles/bootstrap.css

javascript - 将 LESS 变量传递给 JavaScript

我有一个包含一些变量的LESS文件:@font-size:100%;@label-align:left;@field-width:230px;@icon-size:16px;@icon-padding:8px;在我的JS脚本中,我需要知道用户在LESS文件中设置的一些初始值的总和。计算出的css值可能会根据父容器的大小而变化。这些值也会在第一次加载时发生变化,具体取决于窗口大小。一些元素也是动态创建的,因此很难在JS中获取正确的初始值,因为我必须在代码的不同点和不同的范围内声明变量。我的一个想法是用一些虚拟变量声明一个“高范围”对象,并在我将元素附加到DOM后立即将值赋给该变量,但事实

javascript - grunt-notify:成功时不触发

我正在尝试设置grunt-notify与grunt-contrib-less和grunt-contrib-watch.通常这很好用,但是当grunt-less成功执行时,我无法让grunt-notify通知我。如果有人对如何设置或调试有任何见解,很乐意提供任何意见。完整信息:我已经设置grunt-notify以在less使用watch运行时触发。当less任务失败时,这很有效。给我一个很大的弹出错误:作为引用,这是控制台输出:当less成功时,我没有收到任何通知。我想收到通知,但不知道如何启用它。这是less成功时的控制台输出:这是我正在使用的GruntFile:module.expo

javascript - webpack build less files 输出一个 css minify 文件

webpack是我需要将几个较少的文件传递到一个缩小的CSS文件中的工具吗?如果是这样,我不确定我在下面的代码中做错了什么?有没有办法输出到不同的文件路径,现在我的js文件输出到'./assets/javascripts/bundle/',我希望我的css文件输出到'。/assets/stylesheets/bundle/',我该怎么做?更新我做了一个测试,我可以将我的less文件构建到一个css文件,但仍然无法找到如何为输出文件夹设置多个路径,现在我必须注释掉js入口部分并更改输出路径...网络包配置varpath=require('path');varwebpack=require

javascript - 在 less 中使用 javascript 计算值

在LESS中,我使用以下代码来获取窗口的高度。@winheight:`$(window).height()`我得到的是一个数字,但是当我在那里添加px以获得单位时,height:@winheightpx;它将编译成类似height:910px的东西。我也尝试在javascript评估后获得该单元。但我得到了相同的结果。@winheight:`$(window).height()`pxheight:@winheight;...height:910px;我怎样才能得到height:910px(没有数字和单位之间的空格)?编辑:至于前四个结果,它创建了一个字符串height:"910px",

javascript - 如何读取 Javascript 中的 Less 变量?

如何在javascript中读取less变量less-vars-to-js?我正在做一个React项目(webpack2、less等),但不是SSR(node环境),所以我不能使用fs或node-glob模块。有些人建议我自己写一个webpackloader:(我不是很熟悉...而且我已经使用过less-loader...javascriptimportlessToJsfrom'less-vars-to-js';importstylesfrom'./style.less';constjsStyle=lessToJs(styles);=>UncaughtTypeError:sheet.m