gulp

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

RSS

  • 解決済

    回答
    1

    gulpで画像の追加をwatchする方法を教えてください。

    gulpを使って環境構築をしています。 下記のようなフォルダがあり、新たにimagesフォルダを作ったあとに、画像を追加したのですが、 gulpのwatchが動作しませんでした。 gulpを起動する際にすでにimagesフォルダ内に何かしらの画像がないとその後追加しても、 watchはされないのでしょうか? できれば、新たに作っていくフォルダに関してもw

    • 0評価
    • 18PV
    8B8 8B8 13時間前に ベストアンサー
  • 受付中

    回答
    1

    typscript公式にあるgulpfile.jsの設定について

    TypeScriptの公式サイトに、超入門者向けのgulpfile.jsがあります。サイトはGulp · TypeScriptです。冒頭部分に、次のようなコードがあります。 var gulp = require("gulp"); var ts = require("gulp-typescript"); var tsProject = ts.createP

    • 0評価
    • 20PV
    Yojiro Yojiro 6日前に コメント
  • 受付中

    回答
    0

    gulp(browsersync)にスマホからアクセスできない

    gulpでBrowsersyncを組み込んだ開発環境を作成しましたが、Externalに表示されるurlにスマホからアクセスできませんでした。 同じデバイス・gulpfileのまま、違うネットワークで試したら接続できました。 firewallを切ってみたのですが接続できませんでした。 以下、開発環境です PC: macOS Sierra

    • 0評価
    • 15PV
    teratailが1週間前に アップデート
  • 受付中

    回答
    0

    gulp-sftpがエラーになってしまう

    前提・実現したいこと gulp-sftpを使いたいのですがエラーになってしまいます。 お知恵をお貸しください。 [00:00:00] Error in plugin 'gulp-sftp' Message: SFTP abrupt closure [00:00:00] Connection :: close gulpfile.jsの中身 var

    • 0評価
    • 13PV
    teratailが1週間前に アップデート
  • 解決済

    回答
    1

    gulpで画像を同時に削除したい

    前提・実現したいこと gulpで「src」フォルダをwatchして、コンパイルや画像圧縮などをして「product」フォルダに出力しているようにしています。 今回実現したいのは、たとえば「src」の「images」フォルダに画像をいれたら、「product」の「images」フォルダに出力されるのですが、「src」の「images」フォルダの画像を削除したら

    • 0評価
    • 171PV
    akit0 akit0 1週間前に コメント
  • 解決済

    回答
    2

    webpack-streamがインストールできない

    前提・実現したいこと 「ゼロから始めるJavaScript生活」というjavascriptフルスタックを目指すチュートリアルの途中のWebpackをGulpに統合する章でつまずいています。 該当の記事 発生している問題・エラーメッセージ yarn add --dev webpack-streamを実行 yarn add v0.27.5 [1/4] R

    • 0評価
    • 199PV
    ksyunnnn ksyunnnn 2週間前に 回答
  • 受付中

    回答
    0

    gulp-ejsを使った際に、ルートパスを指定する方法を教えてください。

    ├ common │ └ header.ejs └ htdocs │ └ index.ejs 上記のようなフォルダ構成で、htdocs/index.ejsから common/header.ejsをincludeした際に、下記のようにってしまうのですが、 <%- include('../common/header') %> これを、 /common/

    • 0評価
    • 82PV
    teratailが2週間前に アップデート
  • 解決済

    回答
    1

    ESLintのエラーを解決したい

    前提・実現したいこと 「ゼロから始めるJavaScript生活」というjavascriptフルスタックを目指すチュートリアルの途中のLintの導入でつまずいています。 http://qiita.com/takahashim/items/7838334d1451fb0a9811#6---eslint ”6 - ESLint”を終えた段階ですが、記載のように

    • 0評価
    • 114PV
    ksyunnnn ksyunnnn 3週間前に コメント
  • 解決済

    回答
    1

    gulp-ruby-sassでコンパイルしようとすると/bin/sh: node-sass: com...

    gulpでsassを保存時に自動コンパイルしようと思っています。 gulpfile.jsに scss = require('gulp-ruby-sass'), browserSync = require( 'browser-sync' ), paths = { rootDir : './', dstrootDir

    • 0評価
    • 1029PV
    akiyum akiyum 1ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    npm install 時に発生するエラーについて

    前提・実現したいこと npm install を使用して、gulp-sourcemaps をインストールしようとしたところ、以下のエラーが発生しました。 発生している問題・エラーメッセージ npm ERR! registry error parsing json npm ERR! Windows_NT 6.1.7601 npm ERR! argv

    • 0評価
    • 410PV
    KSwordOfHaste KSwordOfHaste 1ヶ月前に ベストアンサー
  • 受付中

    回答
    1

    gulpのエラーメッセージのアイコンを変えたい

    実現したいこと 初めて質問させていただきます。 質問内容は、簡潔にいうと、 「添付画像の赤枠で囲った部分のアイコンを任意のものに変更する方法はあるでしょうか?」 というものです。 添付画像はgulpのコンパイルエラーのメッセージで、gulp-plumberを用いて表示しております。 初心者丸出しで恐れ多いですが、gulpfile.jsは下記のように

    • 0評価
    • 57PV
    nekobato nekobato 1ヶ月前に 回答
  • 受付中

    回答
    1

    phpでrequireを使いbodyを挿入するとgulpのbrowser-syncのスクリプトが挿入...

    <?php //====================================================== //ページ独自の設定 $pageSetting = array( "title" => "" , "keywords" => "" , "description" => "" , "opgimage"

    • -2評価
    • 70PV
    yambejp yambejp 1ヶ月前に 回答
  • 解決済

    回答
    3

    gulpで画像やソースを圧縮する時の疑問点

    質問 gulpで画像やCSS等を圧縮するタイミングは、基本的には配布物を生成する(ビルドタスクを走らせる)際に行うものと解釈しているのですが、 サイトの軽量化を行うのはビルド時のみで開発中は圧縮をしないので、テストサーバーに反映するファイルは圧縮前のソースになってしまいます。 作成したタスクの内容は、下記になります。 【開発時】 defaultタスク

    • 0評価
    • 224PV
    avocado avocado 1ヶ月前に 回答を編集
  • 解決済

    回答
    1

    Ruby Slim + Gulp + Json

    Ruby Slim http://slim-lang.com/ ruby slim+gulp+jsonを組み合わせて、自動的にslimファイルを生成を行いたいと考えております。 下記ファイルでgulpでjsonデータを渡しているのですが、エラー表示があり、生成されません。 エラーは文字コードですが、そちらも合わせて解決していただけますでしょうか? また

    • 0評価
    • 70PV
    kiddman4 kiddman4 1ヶ月前に 回答
  • 解決済

    回答
    1

    gulp の watch 制御

    gulp で imagemin を使用して画像を圧縮しているのですが、 ひとつ画像が増える(もしくはアップデートする)と 対象フォルダの全画像に対して圧縮をかけてしまうので、 画像が増えると時間がかかりすぎてしまいます。 ですので、吐き出すフォルダ内のファイルのタイムスタンプをチェックし、 古い場合のみ圧縮をする事は可能でしょうか。 もしくは、圧縮し終わった

    • 0評価
    • 74PV
    poliphilus poliphilus 2ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    scssの未使用クラス、IDを削除したい

    前提・実現したいこと 複数のファイルで管理しているscssファイルの未使用クラスとIDを削除したく調査しておりました。 そこでそれらしきnpmパッケージがあったので実行してみたところ下記エラーが出てしまいました。 https://www.npmjs.com/package/sass-unused 発生している問題・エラーメッセージ /usr

    • 0評価
    • 464PV
    ruuusaamarki ruuusaamarki 2ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    gulpでcssの出力先をページベースに変更したい

    gulpでcssの出力先をページベースに変更したい srcファイル内はjs,scssなど種類ごとに分けているのですが、それを出力する際にページごとに分けたいというのが希望です。その方法がどうしてもみつかりません。 更新のあるサイトで、ディレクトリごとに独自のcssがあります。 どなたかご存知であれば、教えていただければと思います。 作業ディレクト

    • 0評価
    • 147PV
    aki0923f aki0923f 2ヶ月前に ベストアンサー
  • 受付中

    回答
    0

    MEANスタックの開発環境構築 デバッグ方法について

    前提・実現したいこと Window10, VisualStudioCode(以下、VSCode)上にMEANスタックの開発環境を構築しようとしております。 ジェネレータは、Yeomanのangular-fullstackを利用しています。 https://github.com/angular-fullstack/generator-angular-fulls

    • 0評価
    • 118PV
    teratailが2ヶ月前に アップデート
  • 受付中

    回答
    1

    gulpとwebpackとnpm scriptの使い分け

    前提・実現したいこと サイトを作るときモジュールをまとめたり管理したいときには、gulpとwebpackとnpm scriptというツールを使ってやると簡単に管理したりできると知りました(解釈が間違っていたら教えてください。)。 この3つを組み合わせて使うという方法も検索したらあったのですが、場合で使い分けろという意見が多かったです。 「これらの3つは

    • 0評価
    • 140PV
    miyabi-sun miyabi-sun 2ヶ月前に 回答
  • 受付中

    回答
    0

    Gulpで複数サイトを同時にBrowserSyncで立ち上げたい

    Gulp+Node.jsを使用して、PC・SPサイトを同時にBrowserSyncで立ち上げたいのですが、 Gulpからはエラーが出ておりませんが、ブラウザが立ち上がりません。 PCだけ・SPだけ立ち上げることはできましたが、下記ソースを実行し、同時に立ち上げようとするとうまくいきません。 書き方が間違っている等、ご指摘頂けますと幸いです。

    • 0評価
    • 140PV
    teratailが2ヶ月前に アップデート
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    103

  • 総質問数

    181

  • 今週の質問数

    1

関連するタグ

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