fountainjs 오류에 bootstrap-sass를 추가하십시오.

fountainjs를 사용하여 새로운 각도 프로젝트를 생성하십시오. 내 프로젝트에 부트 스트랩 - 새시 라이브러리를 추가 할 때 문제가 있습니다. 여기 내 생성 프로젝트 흐름입니다 : Fountain-> angular1-> bower-> babel-> sassfountainjs 오류에 bootstrap-sass를 추가하십시오.

그런 다음 부트 스트랩을 사용해야하므로 bower를 사용하여 설치했으며 내 index.scss에 포함 시켰습니다. @import "../bower_components/bootstrap-sass/assets/stylesheets/bootstrap"; gulp serve을 실행할 때 올바르게 작동하지만 gulp build을 사용하여 빌드하면 다음 오류가 발생합니다. Error in plugin 'gulp-cssnano' Message: "bower-components/bootstrap-sass/assets/stylesheets/_bootstrap.scss" is not int the SourceMap 그래서 여기에 문제가 발생하며이를 해결하는 방법은 무엇입니까?

출처

2016-08-10 Zuzu Softman

해결 방법이 확실하지 않지만 gulp.conf.js의 소스 맵 사용을 주석 처리하거나 제거하는 것이 좋습니다. 이렇게하면 귀하의 콧대가 컴파일 될 수는 있지만 스타일 코드에 대한 소스 맵을 제공하지는 않습니다.

다음은 소스 맵 줄이 주석 처리 된 표준 gulp.conf.js입니다.

/gulp_tasks/styles.js 라인 17에서

const gulp = require('gulp'); 
const browserSync = require('browser-sync'); 
//const sourcemaps = require('gulp-sourcemaps'); 
const sass = require('gulp-sass'); 
const postcss = require('gulp-postcss'); 
const autoprefixer = require('autoprefixer'); 

const conf = require('../conf/gulp.conf'); 

gulp.task('styles', styles); 

function styles() { 
    return gulp.src(conf.path.src('index.scss')) 
    //.pipe(sourcemaps.init()) 
    .pipe(sass({outputStyle: 'expanded'})).on('error', conf.errorHandler('Sass')) 
    .pipe(postcss([autoprefixer()])).on('error', conf.errorHandler('Autoprefixer')) 
    //.pipe(sourcemaps.write()) 
    .pipe(gulp.dest(conf.path.tmp())) 
    .pipe(browserSync.stream()); 
}

출처

2016-08-11 15:01:45

답변을 주셔서 감사합니다.하지만 불행히도 다른 작업을 수행하기 위해 여전히 소스 맵이 필요합니다. 글쎄, 빠른 해결책으로, 현재 글리프콘 사용을 피하고 있습니다. 왜냐하면이 fountainjs 생성기에서 부트 스트랩 - 사스의 주된 문제이며 대신 fontawesome을 대신 설치해야하기 때문입니다. –

이 줄 바꾸

.pipe을 (sourcemaps.write())

와 :

.pipe (sourcemaps.write (정의되지 않음, {sourceRoot : null}))

이 문제는 node_modules 또는 bower_components 폴더의 파일을 포함 할 때 gulp-sourcemaps의 버그로 인해 발생합니다.

출처

2016-08-27 10:14:00 zoosrc

fountainjs 오류에 bootstrap-sass를 추가하십시오.

답변

관련 문제