gulp

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

RSS

  • 解決済

    回答
    1

    gulp の watch 制御

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

    • 0評価
    • 19PV
    poliphilus poliphilus 2日前に ベストアンサー
  • 解決済

    回答
    1

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

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

    • 0評価
    • 412PV
    ruuusaamarki ruuusaamarki 1週間前に ベストアンサー
  • 解決済

    回答
    3

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

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

    • 0評価
    • 118PV
    avocado avocado 2週間前に 回答を編集
  • 解決済

    回答
    1

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

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

    • 0評価
    • 103PV
    aki0923f aki0923f 2週間前に ベストアンサー
  • 受付中

    回答
    0

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

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

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

    回答
    1

    gulpのプラグインを複数の案件で共有して使いたい

    最近Gulpを導入してコーディングをはじめようと思い、環境を作って検証しているのですが、少々行き詰まってしまいました。 <実現したいこと> 下記のディレクトリ構成で複数案件を管理しているのですが、 node_modulesのプラグインを案件Aでも案件Bでも案件Cでも共有して使えるようにしたいです。 現状だと、各案件ディレクトリの配下にnode

    • 0評価
    • 66PV
    kansuke kansuke 2週間前に 回答
  • 受付中

    回答
    1

    gulpとwebpackとnpm scriptの使い分け

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

    • 0評価
    • 74PV
    miyabi-sun miyabi-sun 3週間前に 回答
  • 受付中

    回答
    0

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

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

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

    回答
    1

    Gulpでソースマップを表示させたい。

    前提・実現したいこと 今回静的サイト作成にあたり、gulpを使用しています。 しかしソースマップが表示されず困っています。 JSにも不自由でよくわかりません。 発生している問題・エラーメッセージ 該当のソースコード // plugin const gulp = require('gulp'); const ejs

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

    回答
    1

    gulpのエラーについて

    macでgulpのエラーが出ています。 エラー内容を調べるとnodeが7以上で起こるエラーのようで 下記のサイトを参考にnode_modules/を削除とトライしましたが、駄目でした。 どなたか原因が分かる方いらっしゃいますでしょうか。 https://www.d-wood.com/blog/2016/12/06_8577.html 発

    • 0評価
    • 77PV
    whoiswho whoiswho 3週間前に ベストアンサー
  • 受付中

    回答
    0

    gulpエラー Cannot find module './codes.json'

    gulpの実行にて、下記のエラーが出ました。 どうか対処法をご教授ください。 Error: Cannot find module './codes.json' at Function.Module._resolveFilename (module.js:470:15) at Function.Module._load (module.

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

    回答
    0

    npmパッケージと依存関係の整理方法

    npmを使って色々なライブラリやプラグインを深く考えずにinstallしていくと、気がついた時には依存関係がごちゃつき、node_modulesが肥大化してしまいます。 これを整理整頓をしようとする時にみなさんはどうされていますか? 私は下記のような手順で作業しています。 $ npm outdated(更新確認) $ ncu(更新確認

    • 2評価
    • 108PV
    teratailが1ヶ月前に アップデート
  • 解決済

    回答
    1

    The package is included as both a dev and producti...

    npmを使用していて下記の警告が出ました。 npm WARN The package is included as both a dev and production dependency. devDependenciesとdependenciesの両方に同じパッケージが入ってしまっているよ…という警告だということまではわかるのですが、で

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

    回答
    1

    Gulp node_modulesの中身にpackage.json指定以外のプラグインが入ってしまう

    去年末くらいまでは、Gulpを入れたら利用するプラグインがnode_modulesにインストールされていたと思うんですが、 最近ローカルのプロジェクトフォルダ内のnode_modulesには、package.jsonに書かれたプラグインのみインストールされていたと思うんですが、最近135個のプラグインがインストールされ、プロジェクトの度に容量が無駄に増

    • 0評価
    • 1094PV
    sutara79 sutara79 1ヶ月前に コメント
  • 受付中

    回答
    0

    gulp-ejsで、一部のEJSファイルがHTMLに変換されない

    前提 gulp-ejsでEJSからHTMLを量産しています。 発生している問題・エラーメッセージ 100個以上のEJSファイルを扱っているのですが、 一部のファイルがHTMLに変換されません。 具体的には、3階層目以下のファイルが変換されていないようです。 src └─ ejs └─ 階層1.ejs └─ ディレクト

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

    回答
    1

    gulpを仕事で使う為導入したら、800A03F6 エラーが出ます。

    最近使われている会社が増えた為仕事先でも、 導入できるか試みています。 gulpはインストールできている筈なのに、 800A03F6 エラーが出ます。 環境はwin7です。 winのアカウント切り替えで使っているのですが、 誰でも使えるアカウント先に入れてみるも同エラー(私がログインしているアカウントは、誰でもいじっても問題の無いアカウン

    • 0評価
    • 112PV
    mayu3com mayu3com 1ヶ月前に コメント
  • 解決済

    回答
    1

    Gulpで、gulp-htmlminにて、エラーがでる。

    前提・実現したいこと 表記の通り、Gulpにて、gulp-htmlminパッケージの実行時にエラーがでます。 実現したいことは、Gulpファイルのインストールは一つ、 複数のプロジェクトで、タスクを走らせる、といったことをしたいです。 Gulpの複数プロジェクトを走らせるのは、 下記を参考にしました。 https://www.imamura.bi

    • 0評価
    • 65PV
    miyabi_takatsuk miyabi_takatsuk 1ヶ月前に 回答
  • 受付中

    回答
    0

    gulp-changedを使ってtimestampベースの差分をしたい。

    いつもお世話になっております。 よろしければご回答お願いします。 現状 gulp-changedを使って差分をしています。 var update_src = ('src/**/*.*'); gulp.task("update", function(){ gulp.src( update_src ) .pipe(g

    • 0評価
    • 219PV
    teratailが1ヶ月前に アップデート
  • 解決済

    回答
    1

    【Gulp】Gulpのコンパイルがwindowsだと動いてmacだと動きません

    前提・実現したいこと Gulpでのコンパイル後のファイルが出力されない。 windows10の環境だと動作するが、MACに移動したらコンパイルされないです。 Macでも動作するようにしたいです。 環境設定が苦手な故、ご助言お願いいたしいです。 発生している問題・エラーメッセージ エラーメッセージ なし コンパイル後のファイルが出力され

    • 0評価
    • 141PV
    dotQ dotQ 1ヶ月前に 回答
  • 解決済

    回答
    1

    browser-sync起動時にファイルを編集してもリロードされない

    Browser Syncを使っているのですが、ファイルの変更が検知されずリロードされません。 書き方に問題があるのでしょうか? 初期表示はちゃんとされますが、変更してもリロードされません。 "scripts": { "serve": "browser-sync start --server --serveStatic htdocs --fi

    • 0評価
    • 106PV
    TakanoriOki TakanoriOki 2ヶ月前に ベストアンサー
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    99

  • 総質問数

    170

  • 今週の質問数

    1

関連するタグ

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