fountainjsエラーにbootstrap-sassを追加する

Question

fountainjsを使用して新しい角度プロジェクトを生成すると、プロジェクトにブートストラップ・サス・ライブラリを追加する際に問題が発生します。 ここに私のgenerate-projectの流れです：Fountain-> angular1-> bower-> babel-> sass

私はブートストラップを使う必要があるので、私はそれをバワーを使ってインストールし、それを私の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 だから、何がそれを修正するためにここに、どのようにうまくいきませんか？

Answer 1

私は修正は不明ですが、移動に役立つ回避策は、gulp.conf.jsのソースマップの使用をコメントアウトするか削除することですこれは、あなたのお尻をコンパイルすることができますが、あなたのスタイルコードのソースマップを与えることはありません。

以下は、標準のgulp.conf.jsで、sourcemaps行がコメントアウトされています。

/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()); 
} 

Answer 2

、この行を置き換える：

.pipe（sourcemaps.write（））

有する：

.pipe（sourcemaps.write（未定義、{sourceRoot：null}））

この問題は、node_modulesまたはbower_componentsフォルダからのファイルを含めるとgulp-sourcemapsのバグが原因で発生します。