gulp

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

RSS

  • 解決済

    回答
    1

    minify、concatしたjsのデバッグをやりやすくするには?

    jsファイルをgruntを使ってbuildし、本番環境ではminify,concatしたファイルを、開発環境ではそのままのファイルを読み込んでいます。 なんですが、恥ずかしながら、本番環境でもエラーが未だ発生することがあります。(bugsnagを使って補足しています。) この際minify,concatされているとデバッグにひどく時間がかかってしまい

    • 0評価
    • 65PV
    h_daido h_daido 3日前
  • 受付中

    回答
    0

    PHPビルトインサーバ上でレスポンスヘッダを表示させない方法

    前提・実現したいこと gulp環境でSHIFT JIS書き出しを行おうとしています。 その際に、ローカルサーバー上でBrowserSyncのようなファイル変更と同時にリロードする機能も取り入れようとします。 発生している問題 ただし、node.jsがUTF-8ベースのため、普通にBrowserSyncを使用すると文字化けするため、 PHPのビル

    • 0評価
    • 72PV
    imaichiyyy imaichiyyy 2日前
  • 受付中

    回答
    0

    gulpで生成したスタイルガイドを集約できるか

    WEBサイト制作会社の現場から質問です。 コーディングにgulpを利用しています。 gulpでスタイルガイドを生成しています。 利用しているスタイルガイドのフォーマットは様々です。 私はFrontNoteを利用しています 各々がお好みで好きなものを使用しています。 パーツ集を作りたい 制作案件ごとに、制作スタッフが生成したスタイルガ

    • 0評価
    • 21PV
    bonsai bonsai 6日前
  • 受付中

    回答
    0

    chromeでSASSのソースマップを確認することができない

    sassのソースマップを表示させたい Gulp sassを作ってcssソースマップを作っています 。 該当のソースコード gulp.task("sass",function(){ gulp.src("*scss") .pipe(sourcemaps.init()) .pipe(sass()) .pipe(autoprefixer())

    • 0評価
    • 31PV
    tamaru tamaru 6日前
  • 解決済

    回答
    1

    gulpでbower_componentsやnode_modules配下にあるcssをパブリックな階...

    お世話になっております。 現在webpack,gulp,npm,bowerなどのツールを使ってjsやstyleファイルを管理しています。 webpackでstyle系のローダーを入れれば,実現できることがわかっているのですが。gulp-compassを使ってsassをcssにコンパイルしている関係上gulp経由でbower_componentsやno

    • 0評価
    • 33PV
    tkow tkow 1週間前
  • 解決済

    回答
    1

    MAMP等、開発環境のURLが192.168.xxx.xxxで繋がらない

    【現象】 開発中のページを192.168.0.13:8003で、同じネットワーク内の他デバイスからも閲覧できたのが、急にできなくなった。 当該のmacからのみ、localhostまたは127.0.0.1で閲覧できる状態。 【環境】 MacBookPRO. MacOS sierra 環境1:MAMP 環境2:gulp-php-connect

    • 0評価
    • 90PV
    beramines beramines 1週間前
  • 受付中

    回答
    1

    ベンダープレフィックスどこまでつけていますか?

    ベンダープレフィックスを仕事でどこまでつけていますか? 私はとりあえず下記のようにしていますが、 下記ですとhttp://browserl.ist/?q=last+2+versionにあるブラウザのみベンダープレフィックスが付くということでよいで消化? browsers: [ 'last 2 version',

    • -2評価
    • 105PV
    webpage webpage 2週間前
  • 解決済

    回答
    1

    requireの記載の仕方を教えてください。

    requireの記載の仕方を教えてください。 おそらくrequireがメソッドで()が引数なのだと思いますが下記の部分の書き方がよくわかりません。 cssnext({ browsers: [ 'last 2 version', 'iOS >= 8.1', 'Android >= 4.4',

    • 0評価
    • 278PV
    webpage webpage 2週間前
  • 解決済

    回答
    1

    保存することでejsをhtmlにコンパイルすると同時にブラウザまで自動でオートリロードさせたい

    gulp-ejsをインストールすることで、「index.ejs」を「index.html」にコンパイルすることができました。ただ、コンパイルするためにはターミナルで「$ gulp ejs」を毎度打ち込まないと「index.html」に反映がされません。 sassやjsが自動でリロード&コンパイルするように記述はすでにしていて、 「$ gulp」のみを

    • 0評価
    • 60PV
    Nao1234 Nao1234 2週間前
  • 受付中

    回答
    0

    cssnextのremにpxが自動付与される機能が停止された理由について

    下記のようにしただけで、cssnextのremにpxが自動付与される機能が停止されたのですが、その理由は'last 2 version', によってIE8が除外されているからでしょうか? gulp.task('css', function () { var plugins = [ postcssimport, cssnext({

    • 0評価
    • 84PV
    webpage webpage 3週間前
  • 解決済

    回答
    1

    Warning: postcss-cssnext found a duplicate plugin ...

    Warning: postcss-cssnext found a duplicate plugin ('autoprefixer') in your postcss plugins. This might be inefficient. You should remove 'autoprefixer' from your postcss plugin lis

    • 0評価
    • 81PV
    webpage webpage 3週間前
  • 解決済

    回答
    1

    GlupでSCSSのコンパイルと終了ができない

    Gulpを利用してサイトを作成しているのですが、急にSCSSのコンパイルなどができなくなりました。 MacなのでTimeMachineを使って、問題が起きる前まで復元してみたのですが 解決できなかったため、どなたかご教示いだければと思います。 問題としては 1)SCSSがコンパイルされない 2)ターミナルでcontrol+cで終了もできない

    • 0評価
    • 342PV
    Kama Kama 3週間前
  • 解決済

    回答
    1

    gulpのエラー ReferenceError: Promise is not defined

    gulpを実行しますと、以下のエラーが表示されます。 解決方法をご教示ください。 ReferenceError: Promise is not defined at Object.<anonymous> (#####) at Module._compile (module.js:456:26) at Object.Module

    • 0評価
    • 100PV
    shingosuchin shingosuchin 1ヶ月前
  • 受付中

    回答
    0

    gulp エラー

    gulpを実行すると以下のエラーが発生します。 解決方法をご教示ください。 Found bindings for the following environments: - OS X 64-bit with Node 0.10.x

    • 0評価
    • 70PV
    shingosuchin shingosuchin 1ヶ月前
  • 受付中

    回答
    1

    gulpでsassがコンパイルされない

    前提・実現したいこと gulpを用い、sassをcssにコンパイルするタスクを実行する際に正しくコンパイルされない不具合が発生しました。 発生している問題・エラーメッセージ src/scss直下のstyle.scssを更新した場合は、正常にコンパイルされるが src/scss/core, src/scss/layout, src/scss/

    • 0評価
    • 92PV
    hibikikudo hibikikudo 1ヶ月前
  • 解決済

    回答
    1

    タスクランナーとビルドツールの違いはなんですか?

    ReactとbabelのためにGrunt/gulp/webpackについて調べていたのですが、「タスクランナー」と「ビルドツール」の違いがいまいちわかりません。同じもののように見えるのですがどこが違うのでしょうか。 余談ですが、今回はwebpackを使おうと思っているのですが調べているとgulpと併用している話が出てきます。gulpも用意したほうがいい

    • 0評価
    • 133PV
    SatoshiAizawa SatoshiAizawa 1ヶ月前
  • 受付中

    回答
    0

    Disconnected from BrowserSyncにすぐになってしまいます。

    Disconnected from BrowserSyncにすぐになってしまいます。 数回保存すると上記の状態になり、ブラウザ上ではずっと読み込み中になって、 再読み込みをしてくれません。 dest-afterとsrc-beforeは同じディレクトリ上にあります。 かなり不安定なのですが下記ソースに問題があるのでしょうか? const plug

    • 0評価
    • 123PV
    webpage webpage 1ヶ月前
  • 受付中

    回答
    0

    gulpのカレントディレクトリはgulp.jsがある場所と考えてよいのでしょうか?

    gulpのカレントディレクトリはgulp.jsがある場所と考えてよいのでしょうか? また、カレントディレクトリは./ですが.を省略して記載することは、できなかったでしたっけ? 始めに/があるとうまくいきません。 // concat gulp.task("concat", function () { gulp.src(["/dest-afte

    • 0評価
    • 59PV
    webpage webpage 1ヶ月前
  • 受付中

    回答
    0

    gulp blowser-syncについて

    雑な質問で恐縮ですが、よろしくお願い致します。 現在gulp、blowser-syncでスマホからpcを閲覧出来る状況です。 信頼できるネットワークに接続している場合は、特に問題ないのですが、 出先でfree wifiに接続している場合や、シェアオフィス、コワーキングスペース等の信頼されないネットワークに接続している場合は、 どのようにしてアクセ

    • 0評価
    • 57PV
    sss_sss sss_sss 1ヶ月前
  • 受付中

    回答
    0

    gulp spritesheetは結構作成に時間がかかる印象があるのですが、トランスパイルと一緒に常...

    gulp spritesheetは結構作成に時間がかかる印象があるのですが、トランスパイルと一緒に常に行いますか? そうしたいところですが、結構重いので、トラブルシューティングの時のみ実行しますか?

    • -1評価
    • 55PV
    webpage webpage 1ヶ月前
1

もっと見る

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    86

  • 総質問数

    130

  • 今週の質問数

    4

関連するタグ

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