Tag: css

lesscss服务器端，但没有node.js？

是的，我知道less于为node.js写的第一个地方。 但我真的很想使用它，而不添加node.js到我的服务器，或者学习它是如何工作的。 有没有用其他语言写的一些实现？ 或者，也许类似的东西less？

更改Window.print（）纸张方向

我想在窗口打印上改变纸张模式（方向）。 我想改变它编程，但我找不到任何东西。 window.print（） 但我不知道，我该怎么做。 @media print{@page {size: landscape}} 我不需要它。 function printWindow() { window.print({ /* some code here? */ }); }

使用Node-sass来缩小CSS

我在我的NodeJS项目中使用SCSS，并让我的脚本使用以下命令将所有单独的SCSS文件转换为单个CSS文件 node-sass -w public/css/scss/style.scss public/css/style.css 我唯一的问题是，我也希望CSS文件被缩小。 这是可能的节点sass？ 文档说，有一个“紧凑”的选项，但它似乎并没有工作，当我尝试 node-sass -w compact public/css/scss/style.scss public/css/style.css 预先感谢您的任何帮助。

在生产模式下使用node.js来缩小脚本/ CSS

我有一个在节点中运行的Web应用程序。 所有的（客户端）Javascript / CSS文件目前还没有被缩小，以便于debugging。 当我正在投入生产时，我想简化这些脚本。 有这样的事情会很高兴： node app.js -production 如何在不改变HTML文件中的脚本标记的情况下为我的脚本提供缩小版本？ 应该是这样的：如果我在生产中，使用这2个缩小（组合）的脚本，否则使用我所有的未经脚本化的脚本。 这可能吗？ 也许我想太复杂了？

指纹外部生成静态内容（ASP.NET + browserify）

在构build模块化js应用程序时，Nodejs browserify非常棒。 如果gulp也是安装程序的一部分，工作stream将进一步增强，以pipe理和解决依赖关系， 正确捆绑，uglify与源代码，自动填充，jshint，testing…这对于css以及预处理，自动前缀，linting，embedded资源和生成文档。 TL; DR：使用npm / bower可以访问前端库的广泛生态系统，使nodej成为客户端代码的完美构build（不一定是服务！）。 事实上，将它用于客户端代码是非常棒的，以便在VS 2015中支持npm ， bower和grunt / gulp 。与此同时，我们设置了一个运行预编译和写入的吞吐任务dist js / css（打包输出）。 指纹url引用外部静态内容的好方法是什么？ 从长远来看，我们最好能够将客户端内容完全分开，以便可以独立构build和部署到CDN，而无需构build其他应用程序。

缩进的Sass语法不适用于节点sass和gulp-sass

Libsass 2.0将缩进的语法带到了libsass用户，但到目前为止，我一直无法使它与node-sass和gulp-sass 。 我有所有的最新版本： 节点sass ：0.93 咕噜咕噜 ：0.7.2 吞咽 ：3.8.2 该设置使用括号语法编译.sass文件甚至.sass文件，但不会编译缩进的语法。 有没有人成功地编译了节点sass和gulp的缩进语法？ 我的gulpfile.js var gulp = require('gulp'); var sass = require('gulp-sass'); gulp.task('sass', function() { return gulp.src('./sites/all/themes/nsfvb/sass/screen.sass') .pipe(sass({ includePaths: require('node-neat').includePaths, errLogToConsole: true } )) .pipe(gulp.dest('./sites/all/themes/nsfvb/css')); }); gulp.task('watch', function() { gulp.watch('./sites/all/themes/nsfvb/sass/*.sass', ['sass']); }); gulp.task('default', ['sass', 'watch']); 运行默认任务时出错 error: invalid top-level expression

将.css文件添加到ejs

即时通讯工作与ejs node.js（expression），即时通讯不能够包括一个.css文件it.i尝试单独作为一个html-css二重奏相同的事情，它工作正常…我怎么能包括在我的.ejs文件。 我的app.js如此： var express = require('express'); var app = express(); app.set('views', __dirname + '/views'); app.get('/', function(req, res){ res.render('index.ejs', { title: 'My Site', nav: ['Home','About','Contact'] }); }); app.get('/home', function(req, res){ res.render('index.ejs', { title: 'My Site', nav: ['Home','About','Contact'] }); }); app.get('/about', function(req, res){ res.render('about.ejs', { title: 'About', nav: ['Home','About','Contact'] }); }); app.get('/contact', function(req, res){ res.render('contact.ejs', { […]

用Jade编写dynamicCSS

我正在尝试使用Jade写出一些dynamicCSS，如下所示： style(type='text/css') each item in colors .#{item.class} { background-color : #{item.background}; color: #{item.foreground}; } 但是，这给出了以下错误： ReferenceError: media='print') 7| style(type='text/css') > 8| – for(var item in colors) 9| .#{item.class} { background-color : #{item.background}; color: #{item.foreground}; } 10| block Content 11| include scheduleTemplate item is not defined 如果我删除样式标签，它呈现罚款。 有什么方法可以在样式块中使用迭代？

将webpack与现有的PHP和JS项目一起使用

我有一个现有的PHP项目与jQuery和引导，不使用任何前端框架。 我正在尝试使用webpack模块打包器来为我的项目资源创build一个入口点，使用节点js包pipe理器来pipe理js依赖关系，运行任务以缩小js css，图像重新大小等等。 并提高加载单个页面所需的浏览器加载时间。 我遇到了webpack的教程，并得到安装它，并安装其开发服务器，但问题是，我不能够了解如何将我所有的当前js脚本和CSS链接在项目中（我有很多用于在项目中提供多个function的jquery和CSS库）使用webpack。 我是否必须以适合webpack的方式来重写所有的JS和CSS文件？ 我如何成功迁移？ 另外，我无法在webpack dev-server上运行我的当前php应用程序，它是否意味着首先在那里运行？ 同时只列出项目的目录。 我创build了一个testingindex.js文件，并使用下面的webpackconfiguration： var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ './public/js/index.js', 'webpack/hot/dev-server', 'webpack-dev-server/client?http://localhost:8080' ], plugins: [ new webpack.HotModuleReplacementPlugin() ], output: { path: path.join(__dirname, "public/dist/js"), publicPath : "http://localhost:8080/my_proj/public/dist/js", filename: "bundle.js" } }; 我添加bundle.js到我的脚本加载只是为了testing，如下所示，希望应用程序将在webpack开发服务器上运行： <script type="text/javascript" src="public/dist/js/bundle.js"></script> <script type="text/javascript" src="public/js/jquery.min.js"></script> <script type="text/javascript" src="public/js/jquery.migrate.js"></script> […]

更多（更less的CSS插件的Rails）仍然推荐？

Less gem已被less.js取代，它使用Node.js在服务器上运行。 更多的，Rails的“官方”Less插件，自2010年6月14日以来没有更新。 鉴于这些，最近在Rails上使用Less的推荐方法是什么？ 我想我总是可以使用客户端的JS，这似乎每个人都拥抱。 但我并不是疯狂地依靠客户端JS来转换样式表，特别是考虑到我想优雅地降级。 我意识到Less.js被认为是非常快速的，但作为一个原则问题，我不希望我的CSS完全依赖于浏览器的JS引擎。 假设我想编译更less的服务器端，那么现在最好的做法是使用Rails吗？ 我知道你可以使用Node.js运行Less，但是我正在寻找像我们曾经使用过的更好的Rails集成。 我正在寻找能在Linux和Mac上运行的东西。 理想情况下，这将是一个gem或Rails插件，而不是一个独立的应用程序。 更新：我正在研究是否可以使用Ruby Racer将Less.jsembedded到Rails应用程序中。 有没有人对此有意见？ 更新2：这个问题真的很老，但对于任何仍然感兴趣的人，我只想指出，Rails 3与SCSS集成开箱即用。 SCSS是一个很less的竞争对手，我很满意。