I just ran into this syntax error with sassify. Perhaps its sassify or its dependencies, but I see a similar issue here. And I'm wondering if I need to do yet another transform on the css output from sassify in order to jive with browserify?
Here's my whole task
var browserify = require('browserify');
var gulp = require('gulp');
var source = require("vinyl-source-stream");
var debug = require('gulp-debug');
var babelify = require('babelify');
var sassify = require('sassify');
gulp.task('browserify', function(){
//init browserify with entry and transform
var b = browserify({
"debug": true,
"extensions": [".jsx", ".scss"]
})
.transform(babelify)
.transform(sassify, {
'auto-inject': false,
base64Encode: false,
sourceMap: false
});
b.add('server/middleware/react.js');
b.bundle()
.pipe(source('index.js')) //read docs for source, index.js is placeholder
.pipe(process.stdout);
//return source('server/middleware/react.js')
// .pipe(debug());
});
throws:
events.js:85
throw er; // Unhandled 'error' event
^
SyntaxError: Unexpected character '�'
source:
yada yada...
var StyleSheet = require("../scss/templates/AppTemplate");
yada yada...
@import '../includes/includes';
html, body {
margin: 0px;
padding: 0px;
min-width: $screen-sm-min;
font-size: 16px;
-webkit-font-smoothing: antialiased;
}
I just ran into this syntax error with sassify. Perhaps its sassify or its dependencies, but I see a similar issue here. And I'm wondering if I need to do yet another transform on the css output from sassify in order to jive with browserify?
Here's my whole task
throws:
source: