Tag: css

简单的Nodejs Web服务器总是发送文本/普通的css和js文件

在Nodejs创build一个简单的Web服务器时，我Nodejs了一个奇怪的问题。 http服务器正常运行，并接受请求和响应。 但是，由于某种原因，它总是希望发送一种content-type:的text/plain 。 例如.js和.css文件总是以text/plain而通常应该以text/css或application/javascriptforms发送。 Chrome浏览器，我用来testing这个，总是抱怨资源的MIMEtypes： Resource interpreted as Stylesheet but transferred with MIME type text/plain: "http://localhost:3000/test.css". Resource interpreted as Script but transferred with MIME type text/plain: "http://localhost:3000/test-client.js". 这最终意味着什么是从未应用到页面的css 。 我已经添加了一些日志logging，看起来http响应正在发送正确的MIMEtypes。 我创build了一个我正在做的准系统版本。 希望有人能指出我编写的缺陷： test.js var http = require('http'), fs = require('fs'), url = require('url'), path = require('path'); var contentTypes = { '.html': 'text/html', '.css': "text/css", […]

如何在本地安装Meteor Atmosphere软件包，以便对其进行修改？

我正在试着和Meteor一起运行，看看它可以提供什么，而我总体喜欢它，这似乎是一个非常非常严格的系统。 我使用Velocity设置了一个小的testing设置，它在有“velocityOverlay”类的一侧打开一个小覆盖窗口。 覆盖层非常小，并使错误堆栈跟踪包装。 我想要做的只是编辑“velocityOverlay”的CSS，并增加宽度。 我不知何故（浪费时间后）发现meteor实际上是把所有的软件包默认放在我的用户目录中，一旦我发现，我发现所需的CSS文件… velocity_html-reporter/.0.5.1.aykpxq++os+web.browser+web.cordova/web.browser/packages/velocity_html-reporter/lib/client-report.less.css 而我做了一个小的宽度编辑，接下来的事情，你知道meteor应用程序崩溃时试图启动使用“meteor”命令抛出“错误：无法读取整个资源”的错误。 我甚至不能编辑使用“ian_bootstrap-3”安装的bootstrap.css文件。 此外，我无法find任何方式来安装本地只为我的特定项目的软件包，如果我想修改一个软件包只为我的特定项目？ 这在vanilla Node.js中很容易做到，使用“npm install”时不要使用“-g”。 另外，在我的项目根目录中，还有另一个“.meteor / local / build / web.browser”文件夹，大部分全局包文件都被复制了。 meteor什么时候用？ 这很混乱。

颜色文本不和谐

我的目标是部分颜色的文字。 我知道我可以使用.sendCode("css","this is my message"); 我们将使我的文本黄色，但我不希望我的整个文本是黄色的。 也许我可以创build另一个.css文件，然后从我的JavaScript文件中调用它，但由于我对JavaScript没有经验，所以我想要一些帮助。 我认为这是最快的方法。

Bootstrap和JQuery与节点js

我想知道当我运行这两个命令： npm install jquery npm install boostrap 比我添加我的package.json文件中的两个依赖。 比我的代码我的app.js文件 var $ = require('jquery'); var bootstrap = require('bootstrap'); 在我的index.ejs文件中，是否需要将链接放到jquery文件或css文件中，或者我可以直接使用这些库？ 如果不是的话，有人可以给我的configuration，我需要使用npm bootstrap。

Node.js的 为什么页面无法加载CSS和JavaScript文件？

我已经创build了一个node.js服务器。 当我使用端口3000进入本地主机，它只显示文本没有CSS或JavaScript。 我已经尝试了几个解决scheme，在其他人的工作。 但他们没有为我工作。 节点JS继续无法加载资源错误消息 静态文件与express.js 无法获取CSS文件 我的文件顺序是这样的 server.js index.html public css style.css 这是服务器的代码 var express = require('express'); var app = express(); app.get('/', function(req, res) { res.sendFile(__dirname + '/index.html');}); app.use(express.static(__dirname + 'public')); app.listen(3000); 这些是错误 GET http://localhost:3000/ [HTTP/1.1 304 Not Modified 11ms] GET http://localhost:3000/public/css/demo.css [HTTP/1.1 404 Not Found 10ms] GET http://localhost:3000/public/css/themes/popclip.css [HTTP/1.1 404 Not Found 10ms] […]

debuggingPhantomJS @ font-face问题

当我在EC2服务器上使用Node.js使用PhantomJS来渲染网页时，无法加载字体。 我在Google上看到了这个问题，当人们遇到问题时，没有任何解决scheme对我有帮助。 我正在寻找的是debuggingPhantomJS和@ font-face的方法。 我想看看它正在尝试加载哪些字体文件，以及可能发生问题的地方，所以我可以自己修复它 。 显然这是非常模糊的，所以这里有一些图片详细说明了我的问题： 在本地主机上显示（字体安装在机器上）： http : //imgur.com/o305T 在EC2上渲染（字体应该从外部的css文件加载）： http ： //imgur.com/6CQW7

通过节点构build工具删除dynamic网站中未使用的CSS

有一种方法来删除未使用的CSS与uncss https://github.com/giakki/uncss 关于这个问题的一个很好的博客文章： http : //addyosmani.com/blog/removing-unused-css/然而，我没有看到你将如何结合这种方法dynamic内容（例如由angular度指令或asynchronous页面加载生成）这将被uncss模块忽略。 有没有一个最佳的方式来实现这一点，我不想手动进去，并删除所有的引导CSS我不使用。

使用angular度cli从node_modules文件夹添加CSS

我已经用npm安装了一个新的库，到目前为止这么好。 现在我想在那里导入的CSS到我的项目，显然我不应该直接链接到node_modules文件夹。 那么，有没有一个简单的做我的项目导入？ 我正在使用Angular CLI。 我有一个想法，但我不知道这是一个好主意 – 我想安装gulp / grunt，然后需要那里的风格，并将其作为vendor.css输出到我的项目。 这甚至有可能吗？

webpack的sass-loader不会find没有下划线前缀的基础scss文件

最近，我正在开发带有webpack ， sass ， bower和foundation5的快速前端开发工具链。 我遇到一个问题：sass-loader只加载下划线前缀的 scss文件。 环境 节点v0.12.4 webpack 1.9.11 节点sass 3.2.0 sass-loader 1.0.2 os gentoo 3.18 webpack.config.js var webpack = require('webpack'); var path = require('path'); var getDir = function() { var args = Array.prototype.slice.call(arguments); return path.join.apply(path, [__dirname].concat(args)); }; module.exports = { // webpack options context: getDir('./src'), entry: { test: "./style/test.scss" }, output: { […]

带有Autocomplete的HTML / CSS / iQuery编辑器

是否有一个编辑器在代码自动完成时与XCode一样好，但是对于HTML，CSS和JavaScript。 这意味着文件parsing，所以它可以用于jQuery和其他库，如node.js等，我一直在寻找相当一段时间。 免费是首选。