質問編集履歴

2 文法の修正

frtnew score 10

2019/01/04 13:13  投稿

【gulp】scssファイルをcombしたい

### gulpで、保存とともにCSSだけじゃなく、SCSSもcombしたい

```gulpfile

現状

// プラグイン読み込み

const gulp = require('gulp');

const sass = require('gulp-sass');

const post = require('gulp-postcss');

const comb = require('gulp-csscomb');

const cach = require('gulp-cached');

// ディレクトリ

const src = ['src/*scss'];

const dist = ['css'];

// scssの監視タスクを作成する

gulp.task('default', function () {

// scssファイルを監視

return gulp.watch('src/*.scss', () => {

// scssファイルを取得

return gulp.src('src/*.scss')

// Sassのコンパイルを実行

// タスク作成

gulp.task('default', () => {

// .scssファイル監視

return gulp.watch(src, () => {

// .scssファイル取得

return gulp.src(src)

// コンパイルを実行

.pipe(sass({

outputStyle: 'expanded'

})

// Sassのコンパイルエラーを表示

// コンパイルエラー表示

.on('error', sass.logError))

// cssフォルダー以下に保存

.pipe(gulp.dest('css'));

.pipe(gulp.dest(dist));

});

});

```

参考にしたサイト

http://marctech.hatenadiary.com/entry/2017/09/29/191008

上では、gulp4.xxに対応してなく、引数を2つ以上持てないため

再現できず困っています。

お力添えのほどお願い致します。

JavaScript 26485 questions JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。 Myタグに追加 gulp 424 questions gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。 Myタグに追加

1 誤字

frtnew score 10

2019/01/04 12:10  投稿

【gulp】scssファイルをcombしたい

### gulpで、保存とともにCSSだけじゃなく、SCSSもcombしたい

```gulpfile

現状

const gulp = require('gulp');

const sass = require('gulp-sass');

const post = require('gulp-postcss');

const comb = require('gulp-csscomb');

const cach = require('gulp-cached');

const src = ['src/*scss'];

const dist = ['css'];

// style.scssの監視タスクを作成する

// scssの監視タスクを作成する

gulp.task('default', function () {

// style.scssファイルを監視

// scssファイルを監視

return gulp.watch('src/*.scss', () => {

// style.scssファイルを取得

// scssファイルを取得

return gulp.src('src/*.scss')

// Sassのコンパイルを実行

.pipe(sass({

outputStyle: 'expanded'

})

// Sassのコンパイルエラーを表示

.on('error', sass.logError))

// cssフォルダー以下に保存

.pipe(gulp.dest('css'));

});

});

```

参考にしたサイト

http://marctech.hatenadiary.com/entry/2017/09/29/191008

上では、gulp4.xxに対応してなく、引数を2つ以上持てないため

再現できず困っています。

お力添えのほどお願い致します。

JavaScript 26485 questions JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。 Myタグに追加 gulp 424 questions gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。 Myタグに追加