gulp

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

RSS
  • 受付中

    回答
    0

    gulp + webpackが動かない

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

    • 0評価
    • 26PV
    teratailが21時間前に アップデート
  • 受付中

    回答
    0

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

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

    • 0評価
    • 43PV
    kihara kihara 4日前に 質問を編集
  • 解決済

    回答
    1

    gulp browser-sync リロードしない

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

    • 0評価
    • 78PV
    nyamuo nyamuo 5日前に ベストアンサー
  • 解決済

    回答
    2

    Gulpで2つのタスクを1タスクにまとめるには?

    Gulpのタスクをグルーピングしたいです。 Gulpでファイルを生成し、生成したファイルの変数をもとにシンボリックリンクを作成する一連のタスクを作るにはどのようにすればよいでしょうか? 下記が詳細になります。 説明がかなり長くなってしまい恐縮ではありますが、目的から順序立てて説明してまいります。 01. 前提 Gulp を使用しています。開発はローカル

    • 0評価
    • 40PV
    simesava simesava 1週間前に 質問を編集
  • 受付中

    回答
    0

    Gulp 起動がうまくいかない

    一昨日から、出勤しスリープ状態のmacを開き作業をすると、gulpがうまく走らなくなってしまいました。 調べたところmacOS Sierraのエラーのようなのですが、、watchmanもうまくできていないようです。 どなたか、解決策を知っていっらしゃる方ご伝授くださいませ。 [13:58:51] Starting 'src/a2-34/test/3/2/

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

    回答
    1

    人が作ったgulp環境を自分のローカルで動かしたい

    やりたいこと 人が作ったgulp環境を自分のローカルで動かしたい 知人にgulp環境一式を渡されたのですが、 まず何をすべきかわかりません。 一から構築はしたことがあるのですが、 人の環境をもらって、その環境を動かす時の手順を教えていただけないでしょうか。 頂いたファイル

    • 0評価
    • 119PV
    WataruT WataruT 1週間前に コメント
  • 受付中

    回答
    2

    gulpでhamlを一発でコンパイルしたい

    gulpでhamlをコンパイルしたいと思っています。プラグインはgulp-hamlを使っています。 terminalでgulp hamlと打てばindex.htmlファイルが生成されるのですができたらgulpって打っただけでコンパイルしてほしいです。 scssのコンパイルは、gulpでコンパイル + gulp-watchも作動し続けるのですが、hamlは毎回

    • 0評価
    • 70PV
    easy_no_easy easy_no_easy 4週間前に 回答を編集
  • 受付中

    回答
    1

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

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

    • 0評価
    • 112PV
    y_waiwai y_waiwai 1ヶ月前に 回答
  • 解決済

    回答
    1

    Visual Studio Codeでtypescriptのsourcemapが認識されない

    以下の環境でtypescriptをgulpでコンパイルした時、i2.tsでブレークポイントが効いてくれません。 launch.jsonでprogramと指定してあるindex.tsではブレークポイントが有効になるのですが、importした先ででは一切有効になってくれません。 何か設定でミスがあるのでしょうか。ご存知の方、教えて下さい。 vscodeの

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

    回答
    1

    pugをコンパイル後、コンパイルされた全てのファイルを同じ階層にまとめたい

    前提・実現したいこと pugをコンパイルして、出力先の一階層目に全ての出力したファイルをコピーしたい。 普通にpugをコンパイルすると、ディレクトリ構造を保ったまま出力されてしまいます。 コンパイル先の全てのファイルを一箇所にまとめたく、以下のタスクを書いたのですが思うように動きません。 最終的にはコピーした後に、コピーしたファイル以外は削除するつもり

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

    回答
    0

    gulpでpugをコンパイルする時に複数HTMLを出力し、出力内容を変えたい

    下記ファイルを用意して、gulpでpugをコンパイルする時に本番環境用とテスト環境用の2種類のHTMLを出力しています。 その時に、テスト環境用のファイルでは「block header_sub」と「block content」の親要素に、 本番環境用のファイルでは「block content」の親要素に、「#wrap」を追加したいと考えております。 「p

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

    回答
    0

    css-combをsassに使用したら!globalのところでエラーが出る

    gulp-css-combをsassに使用したら!globalのところでエラーが出てしまいました。 これは避けられないのでしょうか? 詳しい方教えていただけると助かります。

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

    回答
    1

    Shift-JISファイルのUTF-8への変換と圧縮の自動化について

    前提・実現したいこと 文字コードがShift-JISのJSファイルをUTF-8に変換して、JSファイルをminify。その後、minifyされたJSファイルの文字コードをUTF-8に変換する。 これをインターネット接続がないローカル環境で1手順で実行可能なツールを作成したいのですが、方法が分かりません… 想定では、npmからiconv-lite、Ugl

    • -1評価
    • 1468PV
    y_waiwai y_waiwai 2ヶ月前に 回答
  • 受付中

    回答
    0

    gulp-watchがうまく動作しない

    gulp-watchでフォルダの監視をしたいのですが、以下のようにgulpfile.jsを書いてgulp watchを実行すると、[20:27:16] Starting 'watch'... で止まってしまいます。 どうしたらよいでしょうか? var gulp = require("gulp"); var ps = require('child_proc

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

    回答
    1

    gulpで開発を始める時の手順、どうしている?

    express pug typescript sassを使ったwebアプリを作っています。 色々なモジュールを使ってはいますが、作るのは自分用でページが一つ二つしかないシンプルなアプリです。 今までは自力でbuild.jsを書いて、nodeのchild_prosess.exec でtsをコンパイル、sassをコンパイル、pugのファイルをコピーして、画像

    • 0評価
    • 136PV
    miyabi-sun miyabi-sun 2ヶ月前に 回答
  • 解決済

    回答
    1

    htmlのscriptタグで、Javascript ES6 + Webpack でコンパイル&結合し...

    Javascript ES6で複数のjsファイルで変数やクラスを定義し、webpackでES5に変換して1つのjsファイルに結合した場合ですが、htmlのscriptタグでその変数やクラスを呼び出す(使う)方法が見つからず、困っています。。 少なくとも、<script src="~" />でインポートしてもグローバル変数(window)には見当たりませんでし

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

    回答
    1

    Browserifyでrequireできない

    実現したいこと gulpでBrowserifyを使ってjqueryやvue.jsをimportしたいです。 試してみた事 npm install --save jquery vue npm install --save-dev browserify package.jsonと明記しているjs(main.js)は下記です。 ...<省略> "depen

    • 0評価
    • 131PV
    mojao_0227 mojao_0227 2ヶ月前に コメント
  • 解決済

    回答
    1

    gulp watchでフォルダやファイルを追加したりしたりしても反応してくれるようにしたい

    gulp watchでフォルダを監視しているときに、ファイルを編集して保存するぶんには当然ちゃんとgulpが動作するのですが、 画像やテキストファイルなどのフォルダやファイルを追加したりすると、以下のようなエラーがでてコマンドが終了してしまいます。 fs.js:904 return binding.readdir(pathModule._makeLo

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

    回答
    2

    Gulp-CSScombについて

    前提・実現したいこと 現在コーティングに「Dreamweaver」を使用しているのですが、 「Dreamweaver」では「Sass」のコードの整形が出来ない為 Gulp-CSScombを使用しました。 しかし、「CSScomb」でコードを整形すると外部から変換される為か、 「取り消し(Ctrl+Z)」が出来なくなってしまうので、気軽にコードの整形出来

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

    回答
    1

    Gulp npm run watch をしたときにエラーがでる。

    Gulpを使って、npm run watchを実行したとき、 Cannot find module gulp-cachedというエラーがでました。 このモジュールがないことはわかったのですが、解決策が見つかりません。 ないモジュールをインストールする方法も試してみたりして見たのですが、 うまくいかないです。 どうすればいいのでしょうか!

    • 0評価
    • 77PV
    World World 3ヶ月前に ベストアンサー
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    125

  • 総質問数

    239

  • 今週の質問数

    1

関連するタグ

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

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