Skip to content

Syntax error during sassify (need extra transform?) #30

@adjavaherian

Description

@adjavaherian

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;
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions