JSON에서 SCSS로 데이터 구문 분석

JSON 데이터를 SCSS로 공급할 수 있습니까?JSON에서 SCSS로 데이터 구문 분석

현재 jade를 템플릿 엔진으로 사용하고 있으며 json 파일의 데이터를 사용하여 gulp-data를 사용합니다.

gulp.task('partials', function() { 
    "use strict"; 

    return gulp.src(['dev/templates/*.jade', '!dev/templates/partials/**/*.jade']) 

    .pipe(data(function (file) { 
     return JSON.parse(
     fs.readFileSync('./dev/data/globals.json') 
    ); 
    })) 

    .pipe(jade({ 
     pretty: true 
    })) 

    .pipe(gulp.dest('dev/')) 

    // Notify browserSync 
    // to refresh 
    .pipe(browserSync.reload({ 
     stream: true 
    })); 
});

그리고이 같은 JSON 파일의 데이터를 사용하여 : # {example.test.name}

이 같은 일을 사용할 수

내 꿀꺽 작업은 다음과 같다 SCSS에서?

출처

2016-09-13 mstroiu

SCSS만으로 JSON을 직접 처리 할 수있는 방법이 없습니다. 이미 Gulp를 사용하고 있으므로 eyeglass 또는 sassport과 같은 타사 도구를 사용하여 JSON을 SCSS 해시로 변환 할 수 있습니다. 사용할 수있는 또 다른 도구는 json-sass이며 독립 실행 형으로 사용할 수 있습니다. 당신은 꿀꺽을 사용하지 않는 경우

, 당신은 보석 기반의 컨버터에 의존해야하지만 적극적으로 유지하지 않는 것 :

출처

2016-09-13 19:08:04 allejo

예 , 고맙습니다. 이제 ** gulp-json-to-sass **를 사용하여 모든 데이터를 변수로 변환 한 다음 scss 프로젝트에서 사용합니다. – mstroiu

JSON에서 SCSS로 데이터 구문 분석

답변

관련 문제