gulp

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

RSS
  • 受付中

    回答
    1

    Local by FlywheelとGulpで構成しているサイトにBootstrap4のscssをイ...

    お世話になります。 現在Flywheelとgulpでwordpressテーマを作成しています。 自分で作ったscssファイルとBootstrap4のscssファイルをstyle.cssに吐き出したいのですが、 エラーになってしまいます。 現在のディレクトリ Local Site ├ node_modules └ package.json ├ pack

    • 0評価
    • 355PV
    mskgjtnn mskgjtnn 1日前に 回答
  • 受付中

    回答
    2

    WebpackとGulpの違いについて

    WebpackとGulpの違いを調べていた所、Webpack は browserify みたいに「複数ファイルを1つのjsファイルにまとめるもの」 という記事を拝見しました。 Gulp でも browserify を使用すれば同じ事が出来るのに何故あえて Webpack を使う必要があるのでしょうか。 また、gulpはタスクランナーで、複数の作業を決

    • 0評価
    • 48PV
    maisumakun maisumakun 2日前に コメント
  • 受付中

    回答
    0

    Gulp の複数出力先を指定

    gulpを使って sass をコンパイルした時に生成されたCSSファイルを各ディレクトリに出力できるようにしたいのですが、これは難しいのでしょうか。 下記の二つの形式で試してみましたが、どちらも動きませんでした。 #コード1 1タスクで出力先を複数指定 var gulp = require('gulp'); var sass = require('g

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

    回答
    1

    gulpでコンパイルしたファイルが環境によって異なる

    他の人のPC環境で作成した「gulpfile.js」、「package.json」、「ソースファイル」、「出力されるファイル」を提供してもらい、 自分のPC環境でファイルをソースファイルからコンパイルすると、「出力されるファイル」が異なったファイルになってしまいます。 具体的には、改行コードに差が出ること、インラインで書いたstyleの最後のセミコロンが省略

    • 0評価
    • 61PV
    m_a_u_v_e m_a_u_v_e 1週間前に ベストアンサー
  • 受付中

    回答
    0

    【gulp】browser-syncでejsとcssがロードされない

    お世話になります。 現在gulpでcssコンパイルやテンプレートエンジンを使用するように錯誤しております。 前提・実現したいこと gulpfile.jsに以下のように記述していますが、 cssコンパイルやejsでのhtml可は成功しているのですが、 browser-syncでの自動ブラウザリロードができません。 const gulp

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

    回答
    0

    gulpのバージョンアップをしたらエラーが出て実行出来ない。

    gulpを以前まで、3.9を使っていたが、4が出たと知りバージョンアップを試みた。 エラーが出たのでnpmの相性かと思い、npm、node.js、pakage.jsonのバージョンアップをした。 しかしまだエラーが出るので解決策を知りたい。 以下、gulp watch した際のコンソール画面。 少し長くなりますが、package.jsonとgulpfi

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

    回答
    1

    gulpのインストールに失敗する

    前提・実現したいこと Sassを使いたく、設定を行なっております。 MAC10.12.6です。 1:node.js(v10.4.1)を公式サイトからDL、インストーラーを使ってインストール 2:続いてgulpのモジュールを下記コマンドでインストール npm install -D gulp gulp-sass 3:インストールされたか確認するべく

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

    回答
    0

    webpackでgulp-concatのように、複数のファイルをそのまま結合することは可能でしょうか...

    webpackを用いてgulp-concatのようなファイルのまとめ方をしたい lazyload系やlightbox系、スライダー系のプラグインファイルを一つのファイルにまとめて読み込みたいです。 例えば、 lazysizes.min.js ls.unveilhooks.js Luminous.min.js slick.min.js

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

    回答
    0

    gulp sassのコンパイルを早くする設定

    前提・実現したいこと sassファイルの量が多くなり、コンパイルに多量の時間がかかっています。 差分のみをコンパイルできるように設定を変更したいです。 gulpファイル設定の経験がなく、何かアドバイスをもらえると助かります。 該当のソースコード var gulp = require('gulp'); var gulpif = require('gul

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

    回答
    0

    gulp:2種類のjsonファイルを参照したい

    質問です。現在gulpでejsをコンパイルするようにしているのですが、 javascriptの知識がないためか、うまくいきません。 下記のソースを現在使っていますが、meta.json以外に別のjsonnファイルも参照したいです。 しかし、''や,で区切ってもうまく参照してくれません。 meta.json と desgin.json の2つのファイル

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

    回答
    1

    gulp SASS パーシャルファイルを保存したときに親ファイルも書き換えたい

    gulpにて、 パーシャルファイルを保存(watch)したときに該当の親SCSSファイルをビルドする方法はありますか? 例)sample.scss @import 'layout/_header.scss'; ↓ _header.scssを修正 ↓保存(watch) sample.scss、が更新される 以下の質問は拝見しました。 https://t

    • 0評価
    • 346PV
    nyamuo nyamuo 1ヶ月前に 回答
  • 解決済

    回答
    1

    gulp での browser-sync の設定について

    browser-sync の設定がうまくできないのでご教示ください。 下記のディレクトリ構成に browser-sync でローカルサーバを立ち上げたいのですが、index.hmtl は見れるのでが、item_list.html を見ると Cannot GET /item_list.html と表示されてしまいます。 browser-sync のオプ

    • 0評価
    • 39PV
    wpci wpci 1ヶ月前に 回答
  • 受付中

    回答
    1

    【Node.js】ネストされたJSON(但し、何回層あるかは動的)から、特定のキーに対する値だけ取得...

    前提・実現したいこと PSD.jsを使用し、PSDファイルに含まれているテキストレイヤーのテキストデータを取得し、保存したいと考えています。 PSD.js var PSD = require('psd'); var psd = PSD.fromFile("path/to/file.psd"); psd.parse(); console.log(p

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

    回答
    2

    webpackを使うアプリでSCSSファイルを変換する際まだgulpを使うべきなのでしょうか?

    Electron アプリケーションで SCSS を CSS に変換したものを使いたいと思っています。 とくに React 等を使うつもりはないので、いわゆる CSS in JS のような形にせず、単に CSS のまま使う予定です。 Electron のビルドに webpack を使うのでインストール済みなのですが、SCSS の変換を webpack でや

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

    回答
    1

    gulp + webpackが動かない

    はじめに gulp、webpackともに初心者です。 今はじめて触っています。 なお、PHPのフレームワークはcakephp3(最新)です。 やりたいこと gulp起動中にJSファイルを保存したら、minifyしたデータが吐き出されるようにしたい。 やったこと nodebrewでnodejsを入れ、 npmでyarnを入れた。 # プロジェ

    • 0評価
    • 118PV
    okinaka3 okinaka3 1ヶ月前に 回答
  • 解決済

    回答
    2

    Windowsでローカル開発環境を構築するには

    Windowsでローカル開発環境を構築する場合、最近の主流は何でしょうか? GulpやWebpackでも構築可能でしょうか? JS以外に、PHPやMySQLも導入したいと考えています。

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

    回答
    1

    gulp 'sass' errored

    gulp 'sass' errored after 8.2 ms [09:21:37] TypeError: "expanded".pipe is not a function とエラーが表示され、保存できません。

    • -2評価
    • 80PV
    Higemura Higemura 1ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    gulp watchについて

    gulp watchについて gulp watchで監視を実行したとき、最初のコマンドは実行されますが、その後ファイルを変更した際には検知してくれず、gulpが実行されません。 ただ、ググって得た情報を元にサンプルで書かれているコードをそのまま貼り付けてみて実行してみましたが、最初のコマンドだけは実行されますが、その後ファイルを更新してもgulpが実行さ

    • 0評価
    • 82PV
    souta-haruran souta-haruran 1ヶ月前に コメント
  • 受付中

    回答
    0

    Sassで#{}を使うとCSS-combでエラーが出る

    前提・実現したいこと Sassでcalcの()内で変数を使いたいときに、 そのままでは使用できないので#{}を使うと Sassは問題なくコンパイルされるのですが、 gulp-css-combを使用するとエラーが出てしまいます。 何か解決方法はないのでしょうか? 詳しい方教えていただけると助かります。 発生している問題 @function calc-s

    • 0評価
    • 134PV
    kihara kihara 2ヶ月前に 質問を編集
  • 解決済

    回答
    1

    gulp browser-sync リロードしない

    gulp browser-sync を使って任意のlocalhostをリロードしたいのですがうまくいきません。 xamppで複数のディレクトリにルート設定をしています。 test01 → localhost1 test02 → localhost2 test03 → localhost3 などです リロードする際に上記のServreNameをいれると

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

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    131

  • 総質問数

    255

  • 今週の質問数

    1

関連するタグ

gulpタグのよく見られている質問

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