Tag: css

Node-Sass | 不重新编译，除非我手动删除css文件: 我刚开始使用node-sass。我已经到了我要求style.css的地步。如果我的样式表目录中没有style.css，那么它会为我编译，但一旦编译完成，它将不会更新/重新编译更改，直到我手动删除css文件。任何帮助，将不胜感激。 app.js /** * Module dependencies. */ var express = require('express'); var routes = require('./routes'); var user = require('./routes/user'); var http = require('http'); var path = require('path'); var sass = require('node-sass'); var app = express(); // all environments app.set('port', process.env.PORT || 3000); app.set('views', path.join(__dirname, 'views')); app.set('view engine', 'jade'); app.use(express.favicon()); app.use(express.logger('dev')); app.use(express.json()); app.use(express.urlencoded()); […]

RegEx最小化CSS: 我有一个海峡转发聚合器/最小化/ cacher我写在node.js。现在工作得很好。不过，我想知道是否有任何方法来改善我的最小化正则expression式调用。有些评论不是完全从CSS中分离出来的，我注意到其他几个打嗝。另外，考虑到我的能力与正则expression式，我可能能够做到这一点在一半的电话。 🙂 任何build议将不胜感激。谢谢。 function minimizeData( _content ) { var content = _content; content = content.replace( /(\/\*.*\*\/)|(\n|\r)+|\t*/g, '' ); content = content.replace( /\s{2,}/g, ' ' ); content = content.replace( /(\s)*:(\s)*/g, ':' ); content = content.replace( /(\s)+\./g, ' .' ); content = content.replace( /(\s|\n|\r)*\{(\s|\n|\r)*/g, '{' ); content = content.replace( /(\s|\n|\r)*\}(\s|\n|\r)*/g, '}' […]

npm安装许多依赖项: 我最近买了一个HTML模板，里面包含了很多插件，放在bower_components目录里面，还有一个package.js文件。我想安装另一个我喜欢的软件包，但是决定使用npm来达到这个目的。当我input： npc install pnotify 包含约900个目录的node_modules已经被创build。那些是什么？为什么他们随我的包一起安装？我做了一些调查，结果发现那些是需要的，但是真的，我是否需要在生产中提供我的模板，并且有数百个不必要的软件包？

正则expression式parsingCSS @media查询（和其他嵌套select器）: 我正在使用正则expression式来parsingCSS文件的节点脚本，它完美的作品…除了处理@media查询。问题是由于嵌套的花括号，这给我适合。我基本上想创build一个媒体查询中的所有内容的捕获组：这是我到目前为止。 @media[^{]+\{([^}]+)}\s*} 这工作很好，就像这样简单： @media (max-width: 868px) { aside .size-toggle { display: none; } } 但不能拿起多个嵌套的规则，像这样： @media (max-width: 767px) { #wrapper.sidebar-display aside { left: 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } #wrapper.sidebar-display #top-nav { left: 0; right: -194px; } […]

你如何将样式表广告到JSDOM: 我目前正在一个项目，需要我有计算风格发送到浏览器通过JSDOM。我目前正在寻找一种方法来注入一些基本的CSS到JSDOM，以便它可以计算出正确的内联样式（是的，我知道这是不好的）。从我发现我可以使用JSDOM 2级，但从那里我找不到任何文档如何注入样式这是我到目前为止 var document = jsdom.jsdom('<!DOCTYPE html><html><head></head><body id="abody" ></body></html>', jsdom.level(2, 'style'), { features : { FetchExternalResources : ['script', 'css'], QuerySelector : true } }); 我一直插入到头标签的CSS，但无济于事。而且我知道我也可以做错上面的代码。任何帮助将是伟大的。

在Jade模板中编写内联CSS样式时，如何使用javascriptvariables: 我试图dynamic插入CSS片段。理想情况下，这将工作： style(type='text/css') #header a#logo { background:url(constants.logo) no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { #header a#logo { background-image: url(constants.logo_2x); } } 不幸的是，constants.logo是/ literally /放置在DOM中。什么工作是以下几点： != "<style type='text/css'>" != "#header a#logo { background:url('"+constants.logo+"') no-repeat; }" != "@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {" != " #header a#logo { background-image: url('"+constants.logo_2x+"'); }" != "}</style>" […]

如何在node.js中使用express框架来提供图像文件？: 在我的应用即时通讯使用快递框架来服务客户端文件。但同时给HTML元素的背景图像。它显示未能加载给定的url。 var express = require('express') , http = require('http'); var app = express(); app.configure(function(){ app.use(express.static(__dirname + '/public')); }); var server = http.createServer(app); var io = require('socket.io').listen(server); server.listen(8000); 在公共文件夹中，我已经创build了JavaScript，样式表，图像folder.Now我得到的JavaScript和stylesheets.But我不知道如何访问图像文件。 .logo { background:url('localhost:8080\logo.jpg');//This image url not loading float:left; width:20px height:20px; }

如何结合指南针和保佑？: 我正在开发一个Compass项目，我的最终的CSS输出是巨大的，所以它需要被祝福。我正在使用Codekit来编译我的SCSS文件，它有较less和sass文件的祝福选项，但不幸的是这个选项似乎不可用于指南针项目（顺便说一句，没有解决方法来解决问题https：// github .com / bdkjones / CodeKit / issues / 163 ）在编译过程之后是否有其他的方法可以自动执行？是否有可能与节点js观看CSS文件，然后祝福它？ ================================================== == UPDATE 我不再使用Codekit，我使用Grunt来构build项目资源，它像一个魅力。

使用Express的较less中间件: 我想在我的nodejs项目上设置较less，当我从浏览器请求我的页面less-middlewaredebugging显示我错误的path和目标path。当我要求从我的网页'/public/css/index.css'例如'/public/css/index.css' '/public/css/'到源path。以下是我的configuration： app.use(lessMiddleware(__dirname+'/server/less',{ debug: true, dest: __dirname+'/public/css', once: true })); 并debugging屏幕显示： pathname : /public/css/index.css source : D\Work\project\server\less\public\css\index.less destination : D\Work\project\public\css\public\css\index.css 即使我修复目标path，我有问题的来源，我不想把我的less文件到公用文件夹。有没有办法从编译更less的/public/css中删除。我曾尝试添加： 'preprocess.path': function(pathname, req){ console.log(pathname); } 但是console.log从不显示。也许有一种方法不编译每个用户问的CSS文件，只是编译那些less我文件夹中的文件。 PS每个模块我使用的是"*"版本。