Tag: css
node.js手写笔导入自动重build，过期？
如何让手写笔在重新启动节点时自动重buildcss（包括导入）并添加时间戳？ 问题如schaermu所说： 我的手写笔样式表总是重新编译，有一个例外：当使用@import指令时，导入的样式表在发现变化时不会被重新编译。 对于这种情况，我总是需要手动删除样式表才能完全重新编译。 编辑：有一个问题： https ： //github.com/LearnBoost/stylus/issues#issue/168
Grunt Combine Media Queries – 不能调用未定义的方法“join”
我今天早上发现了Grunt Combine Media Queries插件，并且一直在考虑让它在我的版本上运行，因为我们在CSS中使用了大量的媒体查询声明（我们正在使用SASS）减less。 cmq: { options: { log: true } , your_target: { files: { '<%= meta.cssPath %>temp': ['<%= meta.cssPath %>hayes.css'] } } } cssPath只是CSS所在的目录。 当我运行grunt cmq时，出现以下错误： Processed media queries: @media screen and (-webkit-min-device-pixel-ratio: 0) @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) @media only screen and (min-device-pixel-ratio: 2) @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen […]
无法find@import文件nib.styl
为什么我会得到这个错误？ 我只装了几件东西， grunt, grunt-cli, bower, nib, stylus, uglify-js DylanMBPr:Test dylanopet$ stylus -w /Users/dylanopet/Dropbox/Projects/Test watching /usr/local/lib/node_modules/stylus/lib/functions/index.styl Error: /Users/dylanopet/Dropbox/Projects/Test/style.styl:1 1| @import 'nib' failed to locate @import file nib.styl at Evaluator.visitImport (/usr/local/lib/node_modules/stylus/lib/visitor/evaluator.js:882:21) at Evaluator.Visitor.visit (/usr/local/lib/node_modules/stylus/lib/visitor/index.js:28:40) at Evaluator.visit (/usr/local/lib/node_modules/stylus/lib/visitor/evaluator.js:159:18) at Evaluator.visitRoot (/usr/local/lib/node_modules/stylus/lib/visitor/evaluator.js:713:27) at Evaluator.Visitor.visit (/usr/local/lib/node_modules/stylus/lib/visitor/index.js:28:40) at Evaluator.visit (/usr/local/lib/node_modules/stylus/lib/visitor/evaluator.js:159:18) at Evaluator.evaluate (/usr/local/lib/node_modules/stylus/lib/visitor/evaluator.js:234:15) at Renderer.render (/usr/local/lib/node_modules/stylus/lib/renderer.js:80:26) at /usr/local/lib/node_modules/stylus/bin/stylus:534:15 at fs.js:266:14 这是我的错误日志： […]
PhantomJS在分页间切割/分割单词
我正在使用phantomjs-node API来呈现PDF。 问题是出现在页面末尾附近的单词分成两页，第一页的一半，第二页的另一半。我不明白为什么会发生这种情况。 我能做些什么来解决这个问题？ 我已经在phantomjs github上创build了一个没有任何反应的问题 。 直到运行时数据的长度是未知的，所以我不认为在数据行中设置硬分页符是可行的。 你使用哪个版本的PhantomJS？ phantomjs-node ^ v2.1.21 哪些步骤将重现该问题？ 一个。 创build多页面网站 湾 呈现为pdf 你正在使用哪个操作系统？ 窗户10 x64 你使用二进制PhantomJS还是你从源代码编译？ phantomjs-node预编译 请在下面提供任何附加信息。
如何将css和脚本文件引用到node.js应用程序中？
我已经阅读了这个链接Node.js – 外部的JS和CSS文件（只是使用node.js不表示），并有所了解，但仍然不知道在哪里插入他们，在我的情况。 考虑一个'Hello World'node.js应用程序下行，2行，链接和脚本，在头部分将无法正常工作。 我猜是因为他们不是networking参考。 那么，我如何将它们包含进去？ 如果我喜欢链接build议，他们会在头部之外？ var http = require('http'); var html = '<html>'+ '<head>'+ '<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">'+ '<link rel="stylesheet" type="text/css" href="./mystyle.css">'+ '<script src="./myscript.js"></script>'+ '</head>'+ '<body>'+ '<p>Hello World!</p>'+ '</body>'+ '</html>'; http.createServer(function(request, response) { response.writeHead(200, {'Content-Type': 'text/html'}); response.write(html); response.end(); }).listen(80);
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。
样式表不加载，因为MIMEtypes是text / html
当在Firefox上运行MERN应用程序时，在浏览器控制台中得到了这个错误，而且css没有加载： The stylesheet http://localhost:3000/src/css/component.css was not loaded because its MIME type, “text/html”, is not “text/css” 我将CSS添加到index.html如下所示： <link rel="stylesheet" type="text/css" href="../src/css/component.css" /> 我哪里错了？ 除了React组件之外，还有哪些其他方法可以添加外部CSS？ 代码在这里
CSS编辑/压缩和Source Maps v3
有谁知道一个工具，将压缩/缩小/合并我的CSS文件，并产生可用于Chrome的有效的V3源地图？ 最好是一个NodeJS工具。 我知道的节点的压缩机是干净的css，csso，css-condense（使用css-parse，但扼stream器在bootstrap.css）和cssmin（YUI端口，但没有CLI）。 这些似乎都没有源图支持。 我认为SASS（Ruby）和Less.js正在开发实现，但这些是预处理工具。
用node-sass观察和编译整个文件夹？
指南针有一个可爱的命令，将观察和编译给定目录中的所有scss： compass watch *foldername* 但是，基于Ruby的指南针比较慢，基于C的SASSC以node-sass的forms包装，速度要快得多。 事情是，我还没有能够使用节点sass复制这个看似简单的function。 我遵循这里给出的指示： http ： //benfrain.com/lightning-fast-sass-compiling-with-libsass-node-sass-and-grunt-sass/ ，它做了一个很好的设置节点sass咕噜看到文件的变化，但它似乎并不支持观看和转换整个文件夹，不知名的文件名称内。 我试过改变了 sass: { dist: { files: { 'css/styles.css': 'sass/styles.scss' } } } 值的文件夹，以及许多其他的东西，似乎没有任何工作。 我承认我对咕噜声一无所知。 有没有办法复制 compass watch *folder* 要么 sass –watch *folder*:*folder* 我还没有尝试过，还是不存在？
在Node.js和Express上的Twitter引导
如何在Node.js和Express上使用Twitter Bootstrap？ 我知道我必须把CSS和Javascript文件放在./public目录下（如果它是默认的）。 但是当我查找如何在Node.js和Express上使用Twitter Bootstrap时，我知道使用Twitter Bootstrap有很多变种。 例如，只需将bootstrap CSS和JS文件放在适当的目录中，或者指定： <link rel='stylesheet' href='assets/css/bootstrap-responsive.css'> <link rel='stylesheet' href='https://d396qusza40orc.cloudfront.net/startup%2Fcode%2Fbootstrap.js'> 还有两个来源，normal和.min.css文件，每个都有CSS和JS。 那么如何在Node.js和Express中提供相应的Bootstrap文件呢？ 这是我当前代码的前几行（是否有必要？），这不适用于响应式devise（当我缩小屏幕以模仿智能手机的大小时，它不会垂直堆叠，而只是缩小尺寸每个比例是相同的）。 <!DOCTYPE html> <html lang='en'> <head> <meta charset='utf-8'> <title><%= title %></title> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <link rel='stylesheet' href='/stylesheets/bootstrap.min.css'> <link rel='stylesheet' href='assets/css/bootstrap-responsive.css'> <script src='/javascripts/jquery-2.0.2.min.js'></script> <style type='text/css'> /* Large desktop */ @media (min-width: 980px) { body { padding-top: 60px; } } […]
