Tag: less

Node / less:util.puts:改为使用console.log

当我从terminal运行lessc ,会遇到这些util.puts: Use console.log instead警告。 我如何让他们离开? mbayazit:~$ lessc –help util.puts: Use console.log instead usage: lessc [option option=parameter …] <source> [destination] util.puts: Use console.log instead util.puts: Use console.log instead If source is set to `-' (dash or hyphen-minus), input is read from stdin. util.puts: Use console.log instead … 我只是通过以下方式安装了less sudo apt-get install g++ curl libssl-dev apache2-utils […]

节点JSless – 中间件不自动编译

我正在使用less-middleware为我的节点JS express应用程序,但是我有一个问题,如果我更新我的screen.less文件,它不会重新编译。 为了让文件重新编译,我必须删除生成的.css文件并重新加载站点。 任何想法,为什么会发生? 更less的编译器 app.use(express.static(path.join(__dirname, 'public'))); // set static resource directory app.use(require('less-middleware')({ // LESS CSS compiler src : path.join(__dirname, 'public'), yuicompress : true })); 目录结构: public stylesheets _functions.less _normalize.less _params.less screen.less app.js package.json 任何帮助,将不胜感激! 非常感谢。

在&扩展(.clearfix all)失败;`

我正在与一个现有(和工作)Symfony2项目的克隆。 它使用的是Bootstrap-2.2.2,所以我安装了Less来转储资产: sudo npm install less 它被安装,但是当我尝试转储资产时: php app/console assetic:dump –env=dev –no-debug 我得到这个错误: [Exception] parse error: failed at `&:extend(.clearfix all);` /home/user/server/project/app/../web/css/../vendor/bootstrap-2.3.1/less/mixins.less on l ine 643 我已经在GitHub仓库中发现了这个问题,并且已经升级到更新的版本: 我已经下载了web/目录中的3.1.1版本,并且在基本模板( base.html.twig )中: {% javascripts output='compiled/*' 'vendor/jquery-1.8.3.min.js' 'bootstrap-2.0.4/js/bootstrap.min.js' 'js/twitter.js' 'js/main.js' %} <script src="{{ asset_url }}" onerror="redconvive.onErrorEvent(this)"></script> {% endjavascripts %} {% block javascripts %}{% endblock %} 至: {% javascripts output='compiled/*' […]

无法使用Grunt编译Bootstrap 3 LESS主文件(bootstrap.less)?

我无法将“主” bootstrap.less编译为'<%= pkg.name %>.css' 。 我得到这个错误运行grunt less : Running "less:dist" (less) task >> ParseError: Syntax Error on line 643 in bower_components\bootstrap\less\mixins.less:643:25 >> padding-right: (@grid-gutter-width / 2); >> &:extend(.clearfix all); >> } Warning: Error compiling LESS. Use –force to continue. Aborted due to warnings. 我的configurationless任务是相当简单的: less: { options: { strictMath: true }, dist: { files: { […]

ReferenceError:在Webpack中使用ExtractTextPlugin时没有定义窗口

我正在使用Webpack来构build我们的项目ExtractTextPlugin插件来分离我们的CSS到单独的文件。 它适用于项目中大部分CSS / LESS / SASS文件,除了属于第三方库的一个vendor.css文件。 只要我包含这个文件到我的项目中,我得到ReferenceError:窗口没有定义错误消息。 如果我不使用ExtractTextPlugin不会出现错误消息。 我的LESSconfiguration的webpack.config.js部分如下(完整文件在这里 ): new ExtractTextPlugin(__dirname + '/Content/js/styles/styles.css'), … module: { { test: /\.less$/, loader: ExtractTextPlugin.extract( 'style-loader', 'css-loader!' + 'autoprefixer-loader!' + 'less-loader' ) } } 完整的错误信息输出在这里 。 以下是我导入这个特定的LESS文件的工作stream程:需要styles.js文件,这需要vendor.less文件,它需要来自Bower目录中第三方库的CSS。 styles.js : require('../../../less/vendor.less'); vendor.less : @import (css) "~vendor-ui-bootstrap/dist/css/arena.css"; arena.css包含编译的CSS。

在node.js中运行Less CSS编译器时出现错误

我已经安装了node.js,npm等 node.js版本是v0.5.9-pre npm版本是1.0.10 当我运行任何lessc命令时,我得到这个错误: “sys”模块现在称为“util”。 它应该有一个类似的界面。 Node.js的:203 扔e; // process.nextTick错误,或第一次打勾时发生“错误”事件 ^ 错误:require.paths被删除。 改用node_modules文件夹或NODE_PATH环境variables。 在function。 (module.js:376:11) 在对象。 (/无功/networking/节点/ NPM / node_modules /less/ bin中/ lessc:7:8) 在Module._compile(module.js:432:26) 在Object..js(module.js:450:10) 在Module.load(module.js:351:31) 在Function._load(module.js:310:12) 在arrays。 (module.js:470:10) 在EventEmitter._tickCallback(node.js:195:26) 我需要做什么才能使用lessc编译器?

在Windows上的Symfony 2项目中编译Bootstrap 3

我一直在尝试在Windows上的Symfony 2项目中编译Bootstrap 3。 但是我无法让它工作。 我的主要目标是编译我自己的LESS文件。 我称之为“styles.less”。 在那里,我想能够使用像“make-xs-column”这样的bootstrap混搭。 所以我需要导入bootstrap.less。 这是我到目前为止所做的: 在我的composer.json中,我添加了bootstrap包: { … "require": { … "twitter/bootstrap": "v3.0.3" }, …. } 因为我想使用Bootstrap 3,所以我不能使用lessphpfilter,所以我使用lessfilter。 为此,我不得不安装nodejs,然后减less(通过运行命令“ npm install less -g ”)。 最后,我修改了我的config.yml,如下所示: assetic: debug: "%kernel.debug%" use_controller: false bundles: [ JoePersonalWebSiteBundle ] filters: cssrewrite: ~ less: node: "C:\\dev\\nodejs\\lessc.cmd" node_paths: – "C:\\dev\\nodejs\\node_modules" apply_to: "\.less$" 现在,在我的layout.html.twig中,我添加了以下内容: {% stylesheets filter='less' '@JoePersonalWebSiteBundle/Resources/less/styles.less' %} […]

lessc:命令未find

我在OS X.8上,在Node&LESS上是一个新手。 我以为我早些时候安装lessc,当我去/ usr / local / bin时,我看到lessc 但是为了我的生活,我无法运行它。 任何时候我运行它,我看到-bash:lessc:命令未find 所以我已经尝试了这个提示,其中有以下几点: ln -s ~/.npm/less/1.3.3/package/bin/lessc my/local/dir 我的本地dir恰好位于笔记本电脑的第二个驱动器上,这里是path:/ Volumes / Mac17 / Users / denis2 / Sites / staging / assets / less 尽pipe如此,我试着运行: lessc boostrap.less 仍然得到 -bash: lessc: command not found 我完全迷失在这里,任何帮助都是巨大的。

通过LESS将字体松鼠生成的字体集成到Twitter Bootstrap中

我试图使用字体松鼠生成的字体作为Twitter Bootstrap的基础字体(从LESS文件编译)。 我在Node.js中使用Express.js,并在字体目录中包含了字体文件 myapp |_ public |_ stylesheets |_ font 我已经通过更改bootstrap.less的variables来“安装”Font Awesome,并让它工作,所以我知道目录结构是正确的。 使用字体目录中的自定义字体文件,我下一步要去哪里? 我是否需要制作一个包含@font-face声明的my-custom-font.less文件,还是需要在引导LESS文件之一中声明这个文件? 我知道基础字体是通过@baseFontFamily属性在variables.less声明的,但正如我所描述的,我不太确定如何声明这是我的自定义字体系列。 提前致谢。 编辑 下面是我尝试使用的代码片段: @ChatypePath: "font"; @font-face { font-family: 'chatypeb2.1regular'; src: url('@{ChatypePathPath}/chatypeb2.1regular-webfont.eot?v=3.0.1'); src: url('@{ChatypePathPath}/chatypeb2.1regular-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('@{ChatypePathPath}/chatypeb2.1regular-webfont.woff?v=3.0.1') format('woff'), url('@{ChatypePathPath}/chatypeb2.1regular-webfont.ttf?v=3.0.1') format('truetype'); } 注 :这里有一些错误。 更新: 正确的声明: @chatypeFontFamily: "ChatypeB2.1ThinThin", "Courier New", monospace; @font-face { font-family: 'ChatypeB2.1ThinThin'; src: url('font/chatypeb2.1thin-webfont.eot'); src: url('font/chatypeb2.1thin-webfont.eot?#iefix') format('embedded-opentype'), url('font/chatypeb2.1thin-webfont.woff') format('woff'), url('font/chatypeb2.1thin-webfont.ttf') […]

Node.js无法find模块 – 干扰Windows上的cygwin

我正在testingBootstrap框架(来自Twitter),并尝试在安装Node.js之后在本地构build它。 它失败了,因为它找不到较less的模块(我也安装了'npm install -g less'): C:\Users\geir\code\bootstrap>make lessc html/less/bootstrap.less > html/css/bootstrap.css node.js:201 throw e; // process.nextTick error, or 'error' event on first tick ^ Error: Cannot find module 'C:\cygdrive\c\Users\geir\AppData\Roaming\npm\node_modules\less\bin\lessc' at Function._resolveFilename (module.js:332:11) at Function._load (module.js:279:25) at Array.0 (module.js:479:10) at EventEmitter._tickCallback (node.js:192:40) Makefile:2: recipe for target `all' failed make: *** [all] Error 1 之所以失败,是因为“cygdrive”是在制作模块时查找文件夹的层次结构,我已经validation了“lessc”实际上是在C:\ Users \ geir […]