gulp

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

RSS

  • 受付中

    回答
    0

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

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

    • -1評価
    • 33PV
    saniman saniman 2日前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 63PV
    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評価
    • 38PV
    Nao1234 Nao1234 1週間前
  • 受付中

    回答
    1

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

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

    • 0評価
    • 30PV
    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評価
    • 290PV
    webpage webpage 7ヶ月前
  • 解決済

    回答
    1

    csscombの設定について

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

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

    回答
    0

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

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

    • -4評価
    • 64PV
    webpage webpage 2週間前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 39PV
    tk_51 tk_51 3週間前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 65PV
    pic.wo.pics pic.wo.pics 4週間前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 92PV
    h_daido h_daido 1ヶ月前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 119PV
    imaichiyyy imaichiyyy 1ヶ月前
  • 解決済

    回答
    1

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

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

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

    回答
    0

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

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

    • 0評価
    • 44PV
    bonsai bonsai 1ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 63PV
    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評価
    • 116PV
    beramines beramines 1ヶ月前
  • 受付中

    回答
    1

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

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

    • -4評価
    • 140PV
    webpage webpage 1ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 321PV
    webpage webpage 1ヶ月前
  • 解決済

    回答
    1

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

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

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

    回答
    0

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

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

    • 0評価
    • 107PV
    webpage webpage 1ヶ月前
  • 解決済

    回答
    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評価
    • 116PV
    webpage webpage 1ヶ月前
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    90

  • 総質問数

    138

  • 今週の質問数

    1

関連するタグ

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