Tag: sass
在更新NodeJS之后使用node-sass发出问题
更新我的NodeJS版本后，我得到了一个使用node-sass的问题。 问题 ： (node:472) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version. C:\aglqng\src\main\webapp\node_modules\node-sass\lib\index.js:15 throw new Error(errors.missingBinary()); ^ Error: Missing binding C:\aglqng\src\main\webapp\node_modules\node-sass\vendor\win32-x64-48\binding.node Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 6.x Found bindings for […]
如何configurationGrunt的目录recursionSass编译任务
我是一个新手，学习如何configuration咖啡，玉器和sass编译任务。 我可以成功地为咖啡和玉目录configuration编译任务，但我不能sass。 我的项目的结构是波纹pipe . ├── Gruntfile.coffee ├── node_modules ├── package.json ├── sass │ └── index.sass └── www 和我的package.json是 { "name": "grunt-sass-test", "version": "0.1.0", "devDependencies": { "grunt": "~0.4.1", "grunt-contrib-sass": "~0.5.0" } } 当Gruntfile.coffee在下面时， $ grunt sass编译index.css成功： module.exports = (grunt) -> grunt.initConfig pkg: grunt.file.readJSON('package.json') sass: compile: files:[ "www/index.css": "sass/index.sass" ] 但是如下所示， >>没有find源文件“index.sass”。 显示错误 sass: compile: cwd: 'sass' […]
如何结合指南针和保佑？
我正在开发一个Compass项目，我的最终的CSS输出是巨大的，所以它需要被祝福 。 我正在使用Codekit来编译我的SCSS文件，它有较less和sass文件的祝福选项，但不幸的是这个选项似乎不可用于指南针项目（顺便说一句，没有解决方法来解决问题https：// github .com / bdkjones / CodeKit / issues / 163 ） 在编译过程之后是否有其他的方法可以自动执行？ 是否有可能与节点js观看CSS文件，然后祝福它？ ================================================== == UPDATE 我不再使用Codekit，我使用Grunt来构build项目资源，它像一个魅力。
node-sass不能与node / express编译
我正在尝试使用express来获得node-sass，而我根本无法让它做任何编译。 这是我的app.js文件： var express = require('express') , sass = require('node-sass') , routes = require('./routes') , user = require('./routes/user') , http = require('http') , path = require('path'); var app = express(); app.configure(function(){ app.set('port', process.env.PORT || 3000); app.set('views', __dirname + '/views'); app.set('view engine', 'ejs'); app.use(sass.middleware({ src: __dirname + '/public/sass', dest: __dirname + '/public/stylesheets', debug: true })); app.use(express.favicon()); […]
函数不能在控制指令或其他mixin中定义
在我的nodeJS项目突然它给错误，我不做任何升级或更改。 当我在命令行中写入NPM启动时，会给出该错误 ERROR in ./~/css-loader?sourceMap!./~/postcss-loader!./~/sass-loader? sourceMap&outputStyle=expanded&includePaths[]=c:/TFS/rc1/app/scss&includePaths[] =c:/TFS/rc1/~/compass-mixins/lib&sourceMap&sourceMapContents=true!./app/scss/_toolkit.scss Module build failed: undefined ^ Functions may not be defined within control directives or other mixins. in c:\TFS\rc1\node_modules\compass-mixins\lib\compass\functions\_lists.scss (line 81, column 3) @ ./app/scss/_toolkit.scss 4:14-337 我重新安装compass-mixins软件包，但它仍然给出同样的错误。然后我看了_lists.scss该文件在81行有一个代码。我删除了这个BU它给出同样的错误。我该怎么办？ @if not(function-exists(compact)) { @function compact($vars…) { $list: (); @each $var in $vars { @if $var { $list: append($list, $var, comma); } } […]
缩进的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
在Express服务器上包含并自动编译Sass
所以我有一个基本的快速项目设置，我使用这个github项目， https://github.com/andrew/node-sass ，能够在节点顶部使用Sass。 这是我的app.js目前： var io = require('socket.io'), express = require('express'), path = require('path'), routes = require('./routes'), jquery = require('jquery'); /** * Create app */ var app = express() , server = require('http').createServer(app) , io = io.listen(server); /** * Configure app */ app.configure(function(){ app.set('port', 8080); app.set('views', __dirname + '/views'); app.set('view engine', 'ejs'); app.use(express.static(path.join(__dirname, 'public'))); }); […]
node-sass-middleware不能编译
我试图让快递节点与sass中间件一起工作。 该应用程序运行没有错误 …(modules) var sassMiddleware = require('node-sass-middleware'); var routes = require('./routes/index'); var app = express(); // uncomment after placing your favicon in /public //app.use(favicon(__dirname + '/public/favicon.ico')); app.use(logger('dev')); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: false })); app.use(cookieParser()); //—- LOAD SASS —–// // adding the sass middleware var srcPath = __dirname + '/scss'; var destPath = __dirname + '/public/stylesheets'; app.use(sassMiddleware({ […]
Webpack – extract-text-webpack-plugin无法find模块
webpack.config.js var ExtractTextPlugin = require("extract-text-webpack-plugin"); 我马上收到这个错误，如果我只是实现插件： module.js:339 throw err; ^ Error: Cannot find module 'webpack/lib/ConcatSource' at Function.Module._resolveFilename (module.js:337:15) at Function.Module._load (module.js:287:25) at Module.require (module.js:366:17) at require (module.js:385:17) at Object.<anonymous> (/Users/lucamormile/Documents/Lavori/Webapps/React/webpack_test/node_modules/extract-text-webpack-plugin/index.js:5:20) at Module._compile (module.js:425:26) at Object.Module._extensions..js (module.js:432:10) at Module.load (module.js:356:32) at Function.Module._load (module.js:311:12) at Module.require (module.js:366:17) 我忘了什么
Node.js – express – jade – 编译SASS / LESS
任何人都有一个真正的新手指南nodejs – express – SASS / LESS？ 我一直无法得到这个工作。 我现在的例子是尽可能的没有 var express = require('express'), less = require('less'), app = express.createServer(); var pub_dir = __dirname + '/public'; app.configure(function(){ app.use(express.compiler({ src: pub_dir, enable: ['less'] })); app.use(express.staticProvider( pub_dir )); }; app.configure('development', function(){ app.use(express.errorHandler({ dumpExceptions: true, showStack: true })); }); 文件style.css.less位于pub_dir ，我可以直接访问它，样式是 @brand_color: #4D926F; body { color: @brand_color; } 据我了解，编译应该在启动时发生，并且在src […]
