gulp

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

RSS

  • 受付中

    回答
    1

    Reactでminifyすると、本番ビルドにするよう警告が出て消えない

    前提・実現したいこと React、TypeScript、gulp、WebpackにてWebアプリを作っています。 ReactとReactDOMはnpmでインストールしてありWebpack→gulpを通してbundle.jsで一つの大きなJSファイルにしています。 いざファイルをローカルで表示させてみると、表示自体は問題ないのですがconsoleに以下の

    • 0評価
    • 19PV
    SuguruSato SuguruSato 2日前
  • 受付中

    回答
    1

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

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

    • 0評価
    • 314PV
    ruuusaamarki ruuusaamarki 4日前
  • 解決済

    回答
    1

    Gulp で出力先を一つ上の階層にしたい

    Gulp 出力先を一つ上の階層にしたい Gulp を使用して制作しています。 普通は開発と出力は分けて制作すると思いますが、 プロジェクトごとに Gulp をインストールしていると面倒なので 1つにまとめてやろうと考えてます。 開発ディレクトリ=公開ディレクトリのような感じにしてやろうという試み 現在のGulp-Renameとdestの指定

    • 0評価
    • 38PV
    Naruki Naruki 1週間前
  • 受付中

    回答
    1

    nodebrewでuseしたバージョンがnode -vで出ない

    タイトル通りなのですが、 username$ nodebrew ls v6.10.0 v7.7.1 current: v6.10.0 と、ここまではうまくいっていましたが、 username$ node -v v0.12.14 となってしまいます。 なぜなのでしょう???

    • 0評価
    • 38PV
    1000 1000 2週間前
  • 受付中

    回答
    0

    ESLint の no-unused-vars、no-irregular-whitespace が消...

    ESLintの設定が反映されない ESLintの設定ではまっています。 基本設定を "extends": "eslint:recommended" にして、不要な項目を "func-names":0 のようにして調整しています。 しかし no-unused-vars と no-irregular-whitespace の2つだけが .eslintr

    • 0評価
    • 35PV
    hirosyg hirosyg 2週間前
  • 解決済

    回答
    1

    gulp実行時のエラーの原因が良く分かりません、、

    つい昨日まで問題なく動いていたのですが、今日実行時に以下のようにgulpでエラーが出てしまいます。。 path.js:1142 cwd = process.cwd(); ^ Error: ENOENT: no such file or directory, uv_cwd at

    • 0評価
    • 38PV
    IGE IGE 3週間前
  • 受付中

    回答
    1

    gulpで前回のビルドとの差分だけをビルドしたい

    前提・実現したいこと gulpで前回のtask実行時から変更したファイルだけをビルドの対象にしたいのですがgulp-cachedを使ってwatchで監視中の差分のビルドはできるのですが一度taskを終了して再度実行すると全てのファイルを対象としてしまいます。 gulp4.0だとreturn gulp.src('scripts/**/*.js', {

    • 0評価
    • 48PV
    sykmhmh sykmhmh 3週間前
  • 受付中

    回答
    0

    Pug(jade)とGulpで静的ファイルを相対パスで読み込む。

    前提・実現したいこと http://hamatte-wataru.com/jade_relative_path/ こちらの記事がやっていることをGulpでもやりたいです。 該当のソースコード build `|--about | `--index.html |--images |--js `--base.js |--c

    • -2評価
    • 89PV
    saniman saniman 1ヶ月前
  • 受付中

    回答
    0

    gulpとxamppを連携させたい。またgulpの挙動について

    いつもお世話になっております。 よろしければご回答お願いします。 フォルダ階層 bass ├── node_modules ├── gulpfile.js ├── package.json ├──app ├── project │ ├──js │ ├──css │ ├──image

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

    回答
    1

    gulp-ejs, gulp-rename,pages.jsonを使った複数のhtmlファイルを量産...

    前回はgulp-ejsを使い、ejsファイルを保存と同時にhtmlファイルに変換できるようになりました。 今回「index.html(ページトップ)」と「about.html」を使っているのですが、 共通部分が異なるため「_head」「_header」などを「ejs/common/top」と「ejs/common/about」にフォルダを分け入れるこ

    • 0評価
    • 72PV
    Nao1234 Nao1234 1ヶ月前
  • 受付中

    回答
    1

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

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

    • 0評価
    • 75PV
    tamaru tamaru 1ヶ月前
  • 受付中

    回答
    2

    postcss-commentをインストールしたのですが、トランスパイスの最中に下記のエラーがでて失...

    https://teratail.com/questions/39612のつづき npm i -D postcss-commentで、postcss-commentをインストールしたのですが、トランスパイスの最中に下記のエラーがでて失敗します。 ・エラーログ Error: [object Object] is not a PostCSS plu

    • 0評価
    • 326PV
    webpage webpage 8ヶ月前
  • 解決済

    回答
    1

    csscombの設定について

    現在、gulpでsassとcsscombを利用しています。 そこでどうしてもつまづいたので相談させてください。 a { &:link { color: #000; text-decoration: underline; } &:visited { color: #000; text-decoration: none; }

    • 0評価
    • 51PV
    1000 1000 1ヶ月前
  • 受付中

    回答
    0

    最新のフロントのバリデートはcsslintでしょうか?

    最新のフロントのバリデートはcsslintでしょうか? サブライムテキスト3でこれを使うかgulpで使うかのどちらかですか? w3cのチェックと何が違うんですかね?

    • -4評価
    • 86PV
    webpage webpage 1ヶ月前
  • 受付中

    回答
    0

    yarn checkコマンドのオプションについて

    前提・実現したいこと npmパッケージのバージョンを厳密に固定をしたくて、yarnについて勉強中です。 yarn checkというコマンドがあることを知り使ってみたのですが、下記のようなwarningが発生しており困っております。 bash-3.2$ yarn check yarn check v0.19.1 warning "\u001b[2

    • 0評価
    • 63PV
    tk_51 tk_51 1ヶ月前
  • 解決済

    回答
    1

    ejsは複数のjsonをpipeできないのでしょうか。

    前提・実現したいこと よろしくお願いいたします。 ejs,gulpとも始めたばかりのjs初心者です。 静的HTMLページを大量に制作しようとしています。 gulpfile.js内で2つのjsonをejsファイルにpipeしたいと考えています。 発生している問題・エラーメッセージ 実行時に後に記述したほうのjsonが、定義しているにも関わらず未

    • 0評価
    • 95PV
    pic.wo.pics pic.wo.pics 1ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 113PV
    h_daido h_daido 2ヶ月前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 146PV
    imaichiyyy imaichiyyy 2ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 125PV
    tamaru tamaru 2ヶ月前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 67PV
    bonsai bonsai 2ヶ月前
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    91

  • 総質問数

    145

  • 今週の質問数

    2

関連するタグ

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