質問編集履歴

2 文法の修正

frtnew

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ブラウザのほとんどに搭載されています。

  • gulp

    424 questions

    gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

1 誤字

frtnew

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ブラウザのほとんどに搭載されています。

  • gulp

    424 questions

    gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る