Tag: less

使用grunt-contrib-less编译较less的文件将不起作用

我正在使用Grunt来构build我的Web项目。 我安装了grunt-contrib-less软件包,并将一个任务添加到我的grunt.initConfig({..}); less : { options: { paths: ['js/base'] }, files: { 'js/base/*.css' : 'js/base/*.less' } } 当我通过grunt less运行目标less ,它运行没有错误,但不编译less文件到一个CSS文件。 Running "less:files" (less) task Done, without errors. 我也通过节点安装了lessc软件包。 做lessc <source> <dest>工作正常。 目前我已经将文件选项直接指向一个包含less一个testing文件的目录。 即使我将整个文件名写入文件选项 ,它也没有发生什么… 后来我想扫描整个js目录并编译所有新的修改的* .less文件。 我已经安装了以下版本: grunt-cli v0.1.6 grunt v0.4.0 node v0.8.7 npm 1.1.49 BR,mybecks

Express.js + Less:如何正确configuration

我尝试了模块“less”和“less-middleware”。 我尝试了所有教程中find的所有不同的代码片段。 没有可用的文档。 有人可以请解释如何configurationExpress.js和更less,以便更less的正确预编译?! 使用以下问题作为指导: 你可以使用'less' 模块还是'less-middleware'模块? 什么是官方/支持的方式? 什么是优越? /public 目录结构应该如何? (你需要的任何特定文件夹?'style'/'less'/'css'?还是由你自己决定?) 如何configuration您的快速应用程序有关您的目录结构(从问题2)。 (静态文件和编译器选项或更less的中间件,这里什么目录是重要的) 如何从HTML中引用我的预编译样式表 ? (用.less或.css?什么引用types?什么目录path?) 如果有人可以回答这个问题,那会很好:-)

Node.js + Express.js。 如何渲染较less的CSS?

我无法在我的快速工作区中呈现较less的CSS。 这是我目前的configuration(我的css / less文件在'public / stylo /') : app.configure(function() { app.set('views' , __dirname + '/views' ); app.set('partials' , __dirname + '/views/partials'); app.set('view engine', 'jade' ); app.use(express.bodyDecoder() ); app.use(express.methodOverride()); app.use(express.compiler({ src: __dirname + '/public/stylo', enable: ['less']})); app.use(app.router); app.use(express.staticProvider(__dirname + '/public')); }); 这是我的main.jade文件 : !!! html(lang="en") head title Yea a title link(rel="stylesheet", type="text/css", href="/stylo/main.less") link(rel="stylesheet", href="http://fonts.googleapis.com/cssfamily=Droid+Sans|Droid+Sans+Mono|Ubuntu|Droid+Serif") script(src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js") […]

Twitter的Bootstrap LESS与Node.js&Express

由于Twitter Bootstrap 2已经出来,我想把它集成到我的Node.js项目中。 不幸的是,less编译器有问题,我不能得到它的工作。 我把所有的文件放到公共文件夹中,并build立一个新的项目与express -c less newproj 。 并添加更less的线 less = require('less'); app.use(express.compiler({ src: __dirname + '/public', enable: ['less'] })); 所有节点告诉我是: Express server listening on port 3000 in development mode undefined 在客户端,我得到一个500(内部服务器错误)的bootstrap.css文件,应该由lessc编译。 lessc bootstrap.less 工作正常。 任何人都知道如何解决这个问题?