gulp

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

RSS
  • 受付中

    回答
    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評価
    • 15PV
    miyabi-sun miyabi-sun 7時間前に 回答
  • 受付中

    回答
    2

    Gulp-CSScombについて

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

    • 0評価
    • 79PV
    takna takna 2日前に コメント
  • 解決済

    回答
    1

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

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

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

    回答
    0

    gulpでJSのソースコードを一部変更してくれるプラグインが見つからない

    調べてもgulpでJSのソースコードを一部変更してくれるプラグインが見つからないのですが、具体的な名前など教えていただければ幸いです。 https://teratail.com/questions/111975の続き webpackでしか存在しないのでしょうか?

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

    回答
    0

    browser-syncでproxyを接続サイトによって変更したいです

    前提・実現したいこと gulpのbrowserSyncを使う時、起動するサイトによって、 proxyも変わるようにしたいです。 該当のソースコード 現在、書いてあるのは、以下のようなコードですが、 扱っているサイトが複数あって、接続するポート番号も複数指定したいです。 例えば、ポート番号が8001,8002,8003と3つあるとしたら、 8001

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

    回答
    1

    gulpとejsを使っているのですが、、

    gulpとejsでhtmlを複数作る方法をサイトで見て、 参考サイト ローカル環境、VPS環境下(手動コマンド入力)では成功したのですが、 cronで設定すると [17:15:02] Using gulpfile /var/www/html/Test1/gulpfile.js [17:15:02] Task 'gulp' is not in your g

    • 0評価
    • 69PV
    hoo hoo 2週間前に コメント
  • 受付中

    回答
    1

    MAMPでローカル開発しているphp(WordPress)をBrowserSyncで自動更新したいで...

    以前gulp導入について質問させて頂いた者です。 今回も初歩的な質問になってしまうと思いますが、自分なりに調べて出てきたものを試しましたが上手くいかなかったので、是非お力添えを頂けると幸いです。 開発環境 macOS 10.13.1 High Sierra MAMP 4.2.1(Apache port:80) php 7.0.20 node 8.9.1

    • 0評価
    • 176PV
    hajini10 hajini10 3週間前に 回答を編集
  • 解決済

    回答
    1

    【再】npmエラーzsh: command not found: gulpの対処法

    前回質問した問題がいまだに解決しないので再度整理して質問させてください。 npmエラーzsh: command not found: gulpの対処法 シンプルに任意フォルダ配下でgulpの実行環境を作成してみる $nodeバージョン確認 $ node -v v8.8.1 # 任意フォルダ cd GulpSample # GulpSampleフォル

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

    回答
    2

    Railsにてgulpを使ってSassやPugをビルドすることはできますか?

    現在、サイト構築において、下記の記事を参考にgulpを仕様してSassとPugをビルドしています。 GulpでPugとSassをビルドしてBrowserSyncでライブプレビューする 静的ファイル製作時は問題ないのですが、このタスク(ビルドしてブラウザでライブプレビュー)ってRuby on Rails上でもできるのですか? というか普通はどのような流

    • 0評価
    • 71PV
    miyabi-sun miyabi-sun 4週間前に 回答を編集
  • 解決済

    回答
    2

    gulpでpugをコンパイルする時に、brタグの出力形式を変える方法

    gulpでpugをコンパイルする時に、gulp-pugのプラグインを使っています。 pugで下記のように改行のテキストを書くと、htmlでの改行タグは <br /> のように出力されます。 p テキスト br | 改行テキスト この改行タグの出力を <br /> ではなく、 <br> のようにするには、htmlを整形してくれるプラグイン(pr

    • 0評価
    • 88PV
    dadada-dadada dadada-dadada 4週間前に コメント
  • 受付中

    回答
    1

    npmエラーzsh: command not found: gulpの対処法

    現在下記サイトを参考にGulp、Sassの学習を行なっております。 Gulp で SCSS のコンパイルから bourbon の導入までを試す - Gulp で作る Web フロントエンド開発環境 #1 // package.json { "name": "psyence_media", "version": "1.0.0", "des

    • 0評価
    • 116PV
    roronoazoro roronoazoro 4週間前に 質問を編集
  • 受付中

    回答
    0

    gulp-connect-phpを使用して、.htmlファイルでPHPを動かしたい

    gulp-connect-phpをつかって、gulpの(node)仮想環境でPHPを使いたいのですが、 .htmlのファイル名ではPHPが動きません。 .phpファイルでは問題なくphpinfo()などが動きます。 apacheサーバーでは、よく.htaccessに AddHandler application/x-httpd-php .php .htm

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

    回答
    1

    WebpackとGulpの共存について

    ウェブサイト上のチュートリアルや、Github上のスターターキットなどを見ていると、結構みなさん、WebpackとGulpどちらも使用しているのを見かけます。 私の理解では2つともタスクランナー、コンパイラーという認識なのですが違うのでしょうか? あるチュートリアルでは、Webpackをローカルサーバー構築、Babel対応にだけ使っているのですが、これは

    • 0評価
    • 79PV
    miyabi-sun miyabi-sun 1ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    gulpでSASSを自動コンパイルする際のエラーについて

    gulp watchを実行した後に 実際にsassファイルを編集すると Starting 'sass_legacy'... 'sass_ex' errored after 23 μs TypeError: Cannot read property 'split' of undefined とエラーがでてコンパイルができないのですが、

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

    回答
    2

    gulpでSASSを自動コンパイルする際にエラーが出てしまいます。

    gulpなどの知識はほとんどないため具体的になにを質問したらいいのかもわからない状況です。 ひとまず以下のようなエラーで出ています。 なにかありましからおっしゃっていただければ追記いたします。 ご教示よろしくお願い致します。

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

    回答
    1

    gulp-replace を使用して、2行以上ある空白行を1行の空白行にしたいです。

    HTMLやCSSで、2行以上ある空白行を1行の空白行に整形したいと思っています。 gulp-replaceを使用して正規表現で置換すればできそうだと思いググってみたのですが、イマイチ答えが分からずじまいです…。 ご教授お願いいたします。

    • 0評価
    • 136PV
    kansuke kansuke 1ヶ月前に 回答
  • 受付中

    回答
    0

    gulpを使ってメディアクエリをまとめるとソースマップがずれる

    前提・実現したいこと Sassのコンパイル CSSの圧縮 プレフィックスの自動付与 ファイルの結合 ブラウザの自動出力 ソースマップの出力 メディアクエリをまとめる 上記をgulpを使って行いたく環境構築をしています。 ファイルの結合やプレフィックスの自動付与に対してソースマップがずれるのは解決できたのですが、 メディアクエリ

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

    回答
    1

    npm install gulp gulp-sass browser-sync --save-dev...

    npmでgulpをインストールしようとすると以下のようなエラーが発生します。 プロキシは設定していませんし、ネットワークも安定していますが何度やってもネットワーク周りのエラーだと言ってきます。 npmの使用が初めてなのですが、何か解決する方法についてアドバイス頂けませんでしょうか。 よろしくお願いいたします。 $ npm install gulp g

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

    回答
    0

    gulp-slimが止まってしまう

    宜しくお願い致します。 アプリのモックをslimで書いてgulp-slimでコンパイルしてるのですが、 何度やっても15ファイルくらいで止まってしまいます。 gulpfile.jsは以下になります。 var autoprefixer = require('gulp-autoprefixer'), // cache

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

    回答
    1

    ネストするとsourcemapの行がおかしくなる

    sassをコンパイルしてChormeのデベロッパーツールにて確認するとき ネストしているセレクタの行数がscssファイルとブラウザとでずれてしまいます。 正常に戻すにはどうすればよろしいでしょうか? 以下gulpfile.jsの記述になります。 gulp.task('sass', function() { return gulp.sr

    • 0評価
    • 68PV
    masachan masachan 1ヶ月前に 回答
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    120

  • 総質問数

    222

  • 今週の質問数

    1

関連するタグ

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

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