Tag: less

如何通过Web浏览器访问node.js脚本?

我正在尝试使用lesscss服务器端。 它需要Node.js,我已经安装了它,看了一些教程,但现在我不知道如何使用它。 在你创build一个服务器/ TCP或任何如何从你的网站得到它? 我希望能够像mywebsite.com/css那样做,当我去那里它会输出node.js告诉它的CSS。

更改LESS文件不会自动重新编译在节点/快递/咖啡设置

在用咖啡快速运行之后,我终于把LESS编译成了一个Node.js应用程序,之后我遇到了一个问题,我似乎没有什么想法: 对LESS文件的更改不会从express调用的LESS编译器重新渲染。 在我的主app.coffee文件中,可以find(按此顺序) app.use exp.compiler { src: __dirname + '/public', dest: __dirname + '/public', enable: ['less'] } app.use exp.methodOverride() app.use exp.bodyParser() app.use exp.cookieParser() app.use exp.static __dirname + '/public' 之后,会话和中间件被添加。 没有重新编译.css文件到.css,当请求通过应用程序重新启动持续存在的问题。 我已经尝试交换exp.compiler和exp.static行,但是除了第一个客户端请求(简而言之,css文件被呈现但没有被传递)发生什么变化之外,没有任何改变。 删除.css文件显然会让代码重新编译成.css文件,但这并不是我想像的那样。 还有什么我可以做的吗?

很less – 两个首发问题(编译选项和CSS的组合)

我想开始使用LESS而不是普通的CSS。 我一直在阅读关于它的最后几个小时,这看起来不错,但我仍然不确定如何运行/使用它。 这就是为什么我有一些问题: 我读过使用less.js在客户端编译是不好的。 这似乎是有道理的。 我也读过你可以使用node.js在服务器端进行编译。 Node.js需要Python,但由于我只有一个托pipe帐户(而不是自己的服务器),所以Python不可用。 于是我看了一下Less.app,它把.less文件编译成.css文件。 使用less-files进行开发,然后将其编译成`.css并上传到在线服务器(当然链接到该文件)有什么不好的地方? less文件不需要使用该方法在线,对不对? 我使用Wordpress裸体模板作为起点。 这个模板创build时没有LESS。 这意味着我有一个.css文件,例如包括一个CSS重置。 我应该只是复制这些“正常的CSS”行到.less文件?

在各个引导组件上减less编译错误

我有点困惑。 我正在尝试使用lessc来编译包含bootstrap部分的应用程序。 我希望能够select我所需要的bootstrap,因为我不会全部使用它。 当我导入bootstrap.less一切都完美地编译。 但是,如果我导入只是reset.less或buttons.less我得到: TypeError: Cannot call method 'charAt' of undefined 。 这里发生了什么? 我的文件夹设置 less/ application.less bootstrap/ bootstrap.less reset.less buttons.less etc… application.less 当我有@ @import 'bootstrap/bootstrap'时,所有东西都编译得很好当我有@ @import 'bootstrap/bootstrap' @import 'bootstrap/reset' 而且我也尝试在文件名的末尾添加无效的,相同的结果。 我在网上发现,较less的版本1.3.0应该解决这个问题,但这是我正在使用的版本。 任何帮助将不胜感激。

Node.js当#zoom:1时编译器parsing错误较less; 用过的

每当.less文件在某些​​情况下使用“#”主题标签时,我会得到一个节点less的编译器错误。 这似乎是好的颜色hex值,如颜色:#FFFFFF; 但你采取像#zoom:1; 并且对于无法识别的input而言,它会产生parseError。 我无法find任何与#使用直接相关的其他post,并跳过了编译器,所以这让我想知道为什么没有人遇到这个问题。 下面是从Dojo SDK文件dijit.css中获取的一个类的实际示例较less的文件定义。 我将扩展名更改为.less,以便将其和其他较less的文件合并到一个.css文件中: .dijitInline { /* To inline block elements. Similar to InlineBox below, but this has fewer side-effects in Moz. Also, apparently works on a DIV as well as a FIELDSET. */ display:inline-block; /* webkit and FF3 */ #zoom: 1; /* set hasLayout:true to mimic inline-block */ #display:inline; /* […]

减lessCSS和和节点的麻烦

当我尝试在我的Ubuntu 13.10框下安装较less的css编译器时,我得到以下消息,lescss不工作。 我能以什么方式解决问题? 我执行: sudo npm install -g less 在这之后,我用OK消息得到e列表: npm http 304 https://registry.npmjs.org/cryptiles npm http 304 https://registry.npmjs.org/ctype/0.5.2 npm http 304 https://registry.npmjs.org/combined-stream npm http GET https://registry.npmjs.org/delayed-stream/0.0.5 npm http 304 https://registry.npmjs.org/sntp npm http 304 https://registry.npmjs.org/boom npm http 304 https://registry.npmjs.org/delayed-stream/0.0.5 并完成以下列表: /usr/local/bin/lessc -> /usr/local/lib/node_modules/less/bin/lessc less@1.7.0 /usr/local/lib/node_modules/less ├── mime@1.2.11 ├── mkdirp@0.3.5 ├── source-map@0.1.33 (amdefine@0.1.0) ├── clean-css@2.1.8 (commander@2.1.0) └── […]

如何用nodejs,express和less-middleware来编译2+不同的LESS风格?

是否有可能编译2个或更多不同的LESS样式到2个或更多不同的CSS样式与nodejs,expression和像这样的中间件less? var less = require('less-middleware'); app.use(less({ src: '/less', dest: '/css', pathRoot: path.join(__dirname, 'public'), compress: true })); LESS和CSS在哪里 style-one.less -> style-one.css style-two.less -> style-two.css

使用nant通过exec编译LESS

我有一个在Windows Server 2012上运行CruiseControl.NET的持续集成服务器。该服务以用户ccnet运行。 我通过RDPlogin到服务器,打开命令窗口,并validationPATH包含C:\Tools\NodeJS 。 我在全球范围内的安装较less,因为我有一大堆我开始使用LESS的项目,对于CI服务器,只需要一个实例,而不必将其安装到每个项目中(这些项目不需要它在本地运行;我们在开发中使用LessJS,当标志在debugging模式下运行时将其移除)。 C:\Tools\NodeJS>npm install less -g C:\Users\ccnet\AppData\Roaming\npm\lessc -> C:\Users\ccnet\AppData\Roaming\npm\node_modules\less\bin\lessc less@1.7.3 C:\Users\ccnet\AppData\Roaming\npm\node_modules\less ├── graceful-fs@2.0.3 … etc… 我可以手动调用lessc : C:\CruiseControl\MyProject\private\working>lessc.cmd Website\Content\MyProject.less MyProject.css C:\CruiseControl\MyProject\private\working>dir MyProject.css … 06/24/2014 11:52 AM 159,145 MyProject.css 但是,当我尝试通过exec执行这个,我得到臭名昭着的“找不到模块”: module.js:340 throw err; ^ Error: Cannot find module 'c:\CruiseControl\MyProject\private\working\node_modules\less\bin\lessc' at Function.Module._resolveFilename (module.js:338:15) at Function.Module._load (module.js:280:25) at Module.runMain (module.js:492:10) at process.startup.processNextTick.process._tickCallback (node.js:244:9) 很明显,它在错误的地方寻找less。 […]

Sails.js + grunt不会编译资产

我对整个NodeJS风暴都很陌生,经过一番研究,我决定使用Sails.JS作为我的框架。 这一切工作正常,直到我尝试使用Bootstrap Bootswatch .less文件。 如果我将bootswatch.less复制到我的样式文件夹中,并刷新页面,则我的所有资产都会引发404错误。 我的目录树如下所示: Root |_api |_assets |_|_images |_|_linker |_|_|_fonts |_|_|_js |_|_|_styles |_|_|_|_bootstrap.css |_|_|_|_custom.less |_|_|_|_variables.less |_|_|_|_bootswatch.less |_|_|_templates |_configs etc. 我的gruntfile.js看起来像这样: var cssFilesToInject = [ 'linker/styles/variables.less', 'linker/styles/bootstrap.css', 'linker/styles/bootswatch.less', 'linker/styles/custom.less', 'linker/**/*.css' ]; 我已经尝试启动服务器sails lift –verbose和,没有错误被抛出。

如何less用“var less = require('less');”

在那里有人使用“less”这样的: var less = require('less'); less.render('.class { width: (1 + 1) }', function (e, css) { console.log(css); }); 在我的电脑里,它说:“错误:无法find模块'less'”,但是我试图安装“less” "npm install less -g" 在使用之前“require('less');”