質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.76%

  • gulp

    261questions

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

  • Slim

    72questions

    SlimはPHPアプリケーションを開発するための軽量なマイクロフレームワークです。

gulp-slimが止まってしまう

受付中

回答 0

投稿

  • 評価
  • クリップ 0
  • VIEW 180

yusukexyusuke

score 34

宜しくお願い致します。  

アプリのモックをslimで書いてgulp-slimでコンパイルしてるのですが、
何度やっても15ファイルくらいで止まってしまいます。

gulpfile.jsは以下になります。

var autoprefixer     = require('gulp-autoprefixer'), 
  // cache         = require('gulp-cache'),
  cached        = require('gulp-cached'),//変更があったファイルを検知して、そのファイルのみをコンパイルする
  concat        = require('gulp-concat'),
  connect             = require('gulp-connect'),
  del                     = require('del'),
  slim                    = require('gulp-slim'),
  gulp                     = require('gulp')
  minifycss         = require('gulp-minify-css'),
  notify        = require('gulp-notify'),
  rename                 = require('gulp-rename'),
  sass                     = require('gulp-ruby-sass'),
  uglify        = require('gulp-uglify'),
  vendor                 = require('gulp-concat-vendor');
  plumber             = require('gulp-plumber');
  browser       = require("browser-sync");

//ブラウザを自動更新
gulp.task("server", function() {
  browser.init({
    // localhostが利用される
    server: {
      baseDir: "./dist/",
      file: 'index.html',
    },
    // proxy: 'dev.xperia.com'
  });
});

gulp.task('bs-reload', function () {
  browser.reload();
});

gulp.task('slim', function(){
  gulp.src(['app/views/**/*.slim', '!app/views/layouts/**/*.slim', '!app/views/shared/**/*.slim'])
    // .pipe(cached('views'))
    // .pipe(plumber())
    .pipe(slim({ pretty: true, require: 'slim/include', options: 'include_dirs=["app/views"]' }))
    .pipe(gulp.dest("./dist"))
    .pipe(notify({ message: 'Slim task complete' }));
});

gulp.task('css', function() {
  return sass('app/assets/css/', { sourcemap: false })
    .on('error', function (err) { console.log("ERROR: " + err.message); })
    .pipe(plumber())
    .pipe(autoprefixer({
      // IEは9以上、Androidは4以上、iOS Safariは8以上
      // その他は最新2バージョンで必要なベンダープレフィックスを付与する設定
      browsers: ["last 2 versions", "ie >= 9", "Android >= 4","ios_saf >= 8"],
      cascade: false
    }))
    .pipe(rename({suffix: '.min'}))
    .pipe(minifycss())
    .pipe(gulp.dest('./dist/css/'))
    .pipe(notify({ message: 'Css task complete' }));
});

gulp.task('scripts', function() {
  return gulp.src('./app/assets/js/**/*.js')
    .pipe(plumber())
    // .pipe(concat('main.js'))
    .pipe(rename({suffix: '.min'}))
    .pipe(uglify())
    .pipe(gulp.dest('./dist/js'))
    .pipe(notify({ message: 'Scripts task complete' }));

});

//////////////////////////////////
// Clean
//////////////////////////////////
gulp.task('clean', function(cb) {
  del([ 'dist/css','dist/js'], cb);
});

//////////////////////////////////
// Settings watch
//////////////////////////////////
gulp.task('watch', function() {
  gulp.watch('app/assets/css/**/*.scss', ['css', 'bs-reload']);
  gulp.watch('app/assets/js/**/*.js',    ['scripts', 'bs-reload']);
  gulp.watch('app/views/**/*.slim', ['slim']);
});

//////////////////////////////////
// Settings Kick off
//////////////////////////////////
gulp.task('default', ['server', 'watch', 'clean'], function() {
  gulp.start('slim', 'css', 'scripts');
});

gulpとうってもgulp slimとやっても
同様に止まってしまいます。

ターミナルにはこんな感じです。
イメージ説明

教示いただけると助かります。
宜しくお願い致します。  

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

まだ回答がついていません

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.76%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • gulp

    261questions

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

  • Slim

    72questions

    SlimはPHPアプリケーションを開発するための軽量なマイクロフレームワークです。