Tag: css

grunt-sass缩小的CSS Sourcemap不正确: 所以我用grunt-sass来编译我的sass，但是我遇到了一个问题。 sass: { options: { outputStyle: 'compressed', sourceMap: true }, dist: { files: { '<%= pkg.dir.css %>/styles.css': '<%= pkg.dir.sass %>/styles.scss' } } }, 一切都很好，但创build的源代码将CSS指向完全不正确的位置。如果css没有被缩小，这个工作就很好。有没有人遇到过这个问题，或者对这个问题有什么想法？

给定一个URL，脚本怎么能find哪些资源被加载？: 给定一个url（例如localhost:8000 ），脚本如何find浏览器加载的资源（通过HTTP请求）？例如，假设/路由响应： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Test</title> <link rel="stylesheet" href="/css/style.css"> </head> <body> some content <img src="/foo.png" alt=""> </body> </html> 将被加载的资源是： /css/style.css foo.png 这很简单（只是通过cheerio或类似的dom迭代），但它不是原生的，我认为它应该。响应HTML中的迭代对于额外的CSS @import和background-image等不起作用。用浏览器加载的CSS，图像和其他资源获取列表的本地方法是什么？也许可以通过jsdom ？

如何安装fontawesome到meanjs项目: 我更改了bower.json文件来安装像下面的FontAwesome ，并运行npm install。它安装了FontAwesome 4.3.0. 我使用confg/env/all.js添加了font-awesome.css 。在浏览器中，我可以看到font-awesome.css已经添加到html 。但是我在网页上看不到字体。通过检查元素我找不到任何字体加载。在我的源代码中，字体已经在font-awesome的字体文件夹中。

如何使用npm封装javascript里面的反应组件: 我正在尝试使用rc-calender进行反应。 https://www.npmjs.com/package/rc-calendar 我需要使用这个包的CSS。我正在尝试使用这个如下。 require('rc-calendar/assets/bootstrap.css'); 但它是给我的 ParseError ：意外的令牌。我得到所有其他的CSS（从其他npm包）类似的错误。任何想法如何使用这些CSS。

样式表使用node.js发送错误的MIMEtypes，我该如何解决？: node.js / express代码 var express = require('express'), app = express(), port = process.env.PORT || 3000, path = require('path'); app.use('/public', function (req, res) { res.sendfile(path.join(__dirname + '/public/index.html')); }); app.use('/', function (req, res) { var data = '<h1>hello world</h1>'; res.writeHead(200, {'Content-Type': 'text/html'}); res.end(data) }); app.listen(port); console.log('server started at port %s ', port); HTML <!DOCTYPE html> <html lang="de"> […]

使用webpack捆绑CSS: 我有几个NPM mudules，我试图捆绑webpack，所以我不必使用CDN。我能弄清楚如何使.js文件工作，但我不明白如何获得相同模块的.css文件。例如我有Bootstrap有一个NPM模块。在我的entry.js文件中，我require('bootstrap'); 但只有给我的JavaScript文件。我已经看到其他npm模块像bootstrap-webpack等，但我不明白为什么我需要下载另一个模块，如果我已经有我的node_modules引导部分。与“font-awesome”，“animate.css”，“select2” 我错过了什么？

uglify-js抛出错误和parsing错误发生: 我非常抱歉，即时通讯问有关uglify-js错误。但是，我尝试了这个网站的成员提出的每个方法，但仍然没有任何改善。我试图吞噬谷歌聚合物应用程序dist文件夹。不知何故，总是有错误引发，它使我无法通过apache cordova成功地准备和编译应用程序到android。非常希望这里的成员真的需要检查这个编码，因为我花了两个星期，但没有得到任何东西。我的gulpfile.js 'use strict'; // Include Gulp & Tools We'll Use var gulp = require('gulp'); var jshint = require('gulp-jshint'); var $ = require('gulp-load-plugins')(); var del = require('del'); var runSequence = require('run-sequence'); var browserSync = require('browser-sync'); var reload = browserSync.reload; var merge = require('merge-stream'); var path = require('path'); var fs = […]

通过节点脚本减去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 […]

Node.js未定义的CSS文件: 我刚刚创build了一个默认的Node.js Express项目。 index.ejs文件给我的错误：未定义的CSS文件（'/stylesheets/style.css'）。这里是index.ejs： <!DOCTYPE html> <html> <head> <title><%= title %></title> <link rel='stylesheet' href='/stylesheets/style.css' /> </head> <body> <h1><%= title %></h1> <p>Welcome to <%= title %></p> </body> </html> 以下是我认为是来自app.js文件的相关代码： var express = require('express') , routes = require('./routes') , user = require('./routes/user') , http = require('http') , path = require('path'); var app = express(); // all […]

在玉器链接的CSS文件不加载: 这是我的目录结构看起来像 –votingApp app.js node_modules public css mystyle.css views test.jade mixins.jade 我在mixins.jade中写了一些通用的块。 test.jade是主文件.biolerplate，nav，nav item是mixin中的不同块。这就是test.jade的样子 include mixins doctype html html(lang="en") head +boilerplate link(rel="stylesheet",type="text/css",href="../public/css/mystyle.css") body +nav("Voting app","navigation_menu") +nav_item("#","active") Home +nav_item("#") Signup +nav_item("#") Login 这是我的app.js文件 var express=require('express'); var path=require('path'); var app=express(); app.use(express.static(path.join(__dirname,'public'))); app.set('views','./views'); app.set('view engine','jade'); app.get('/',function(req,res){ res.render('test.jade'); }); app.listen(8000); 问题是mystyle.css没有被加载。在mozilla的开发者控制台中的networking选项显示对于mystyle.css（request url- http：// localhost：8000 / public / css / […]