0

私のgulpfile.jsで

gulp.task('sass', function() {
  return gulp.src('sass/screen.scss')
    .pipe(sass())
    .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
    .pipe(gulp.dest('/'));
});

gulp.task('watch', function() {
    gulp.watch( 'sass/**/*.scss', ['sass'] );
});

1) すべてが正しく設定されているようです。メインの sass ファイルは sass/screen.scss にあります。sassパイプですでに確立されているため、監視する場所のsrcを再宣言する必要がある理由がわかりません。

2) オートプレフィクサーが正しくセットアップされているかどうか、または正確な引数が何を意味するかがわかりません。たとえば、'last 2 version' は safari 5、4.9、4.8? を指します。これに関するドキュメントが見つかりません。

どちらの場合も、autoprefixer が screen.css にコンパイルされているようには見えません。

私の .scss には、次のようないくつかの遷移、変換、およびボックス シャドウがあります。

.shadow {
    box-shadow: #000 5px 5px 5px;
}
4

1 に答える 1

0

宛先ファイル名を変更する必要があるようです。コンパイルされた css をどこに配置しますか? という名前のファイルの現在のディレクトリに配置する場合はscreen.css、に変更gulp.dest('/')しgulp.dest('screen.css')ます。

于 2014-03-23T15:03:38.343 に答える