Comments (7)
And the path of dest in gulp.dest(dest) would effect output result.
ex1.
build_path = '_public'
gulp.task 'sass', ->
gulp.src './sass/*.sass'
.pipe gulp-compass {sass: 'sass', css: "#{build_path}/css", sourcemap: true}
.pipe gulp.dest "#{build_path}/css"
would be
- sass
- example.sass
- _public
- _public
- css
- example.css
- css
- css
- example.css
- example.css.map
- _public
ex2.
build_path = '_public'
gulp.task 'sass', ->
gulp.src './sass/*.sass'
.pipe gulp-compass {sass: 'sass', css: "#{build_path}/css", sourcemap: true}
.pipe gulp.dest "#{build_path}"
would be
- sass
- example.sass
- _public
- css
- example.css
- example.css.map
- css
It's strange.
In my expectation
build_path = '_public'
gulp.task 'sass', ->
gulp.src './sass/*.sass'
.pipe gulp-compass {sass: 'sass', css: "#{build_path}/css", sourcemap: true}
.pipe gulp.dest "#{build_path}/css"
should be
- sass
- example.sass
- _public
- css
- example.css
- example.css.map
- css
My env.
- sass 3.4.5
- compass 1.0.1
- gulp 3.8.8
- gulp-compass 1.3.3
from gulp-compass.
I will take it.
from gulp-compass.
I don't see why you have a _public folder inside a _public folder in example 1 jessy.
This is my situation:
gulp.src('./src/sass/*.sass')
.pipe(gulp-compass({
project: '/project',
sass: 'src/sass',
css: 'build/compass'
}))
.pipe(gulp.dest('build/public/css'));
- build
- compass
- style.css // Created by compass
- public
- css
- style.css // gulp.dest should create this
- css
- compass
- src
- sass
- style.sass
- sass
The file stream gulp.dest receives from gulp-compass points to '../../build/compass/style.css' which is relative to 'src/sass' in stead of the project root.
My environment:
- sass 3.4.5
- compass 1.0.1
- gulp 3.8.8
- gulp-compass 1.3.3
So that's the same as yours jessy :)
from gulp-compass.
@Slotkenov Please update to 2.0.0
from gulp-compass.
@Slotkenov My test config using coffee-script
'use strict'
gulp = require 'gulp'
compass = require 'gulp-compass'
csso = require 'gulp-csso'
gulp.task 'default', ->
gulp.src('src/sass/*')
.pipe compass
sass: 'src/sass'
css: 'build/compass'
.pipe gulp.dest 'build/css'
.pipe csso()
.pipe gulp.dest 'build/compress'
from gulp-compass.
Thanks a bunch, it is working again with version 2.0.0!
from gulp-compass.
@Slotkenov 👍
from gulp-compass.
Related Issues (20)
- Fails to pick up changes from gulp-watch HOT 3
- When assigning a css directory, the gulp.dest folder get's ignored. HOT 5
- After configuration gulpfile.js with plumper I got this error:
- 看看这个问题
- Two files exported when trying to rename filename. HOT 3
- How do you set image path without config.rb? HOT 1
- Sourcemaps not ending up in the stream
- gulp-compass - Not work HOT 1
- gulp-compass is not working in the gulp's stream paradigm HOT 4
- gulp-compass ignores gulpfile and does not update css folders when they're changed
- Error in plugin 'gulp-compass' HOT 1
- compass.rb on project directory
- "end" event
- Together with gulp-rev and gulp-sourcemaps
- Error when importing file (File to import not found or unreadable:)
- Nested rgba() inside of other function looses transparency HOT 1
- Can't make it work via config.rb
- Partials inside subfolders not getting compiled HOT 1
- "It's not clear which file to import"
- gulp-util
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from gulp-compass.