[gulp] タグが付いた質問
52
質問
0
票
0
回答
266
閲覧数
私のgulpの実行速度はなぜこんなにも遅いのか
gulp:var.4
gulp-pug:var.5
実行するのに67sかかっています
1
票
1
回答
1,558
閲覧数
gulp-rsync での同期時に error in rsync protocol data stream (code 12) が発生する
gulp-rsync でファイルを同期しようとすると、以下のエラーが表示されました。
gulp-rsync: rsync error: error in rsync protocol data stream (code 12)
不安定なインターネット接続や間違っている接続先の様な簡単な理由でしたら、この質問を伺いするまでではなかったので、自分の努力を報告します。
尚、接続先 (VPS) ...
0
票
1
回答
173
閲覧数
macOS で gulp の環境構築時に .bashrc が見つからない
gulpを使用した環境構築をしています。
$ touch .bash_profile
$ touch .bashrc
homeフォルダ内で .bash_profile のファイルは見つかりますが、
.bashrc のファイルが見つかりません。
コマンドを使わず作成可能でしょうか。
OSは最新のmac OS Montereyになります。
1
票
2
回答
95
閲覧数
blur-admin をビルドしたい
https://akveo.github.io/blur-admin/articles/002-installation-guidelines/
これをビルドしたいのですが npm ぐらいしか使ったことがなく
glup を初めて使ったんですがエラーの意味がわからずに困っています
インストールガイドラインにある通り
git clone https://github.com/akveo/blur-...
0
票
0
回答
226
閲覧数
gulpとbabelを使用したトランスパイルができません
gulp-uglifyはes6に対応していないので、gulpでタスクを組むときに、gulp-babelを使用してトランスパイルをするようにしているのですが、エラーを見る限りトランスパイルがうまくいっていません。
エラーメッセージ、gulpfile、対象のコードを載せています。
色々な可能性を提示していただけるととても助かります。
エラーメッセージ
GulpUglifyError: ...
0
票
1
回答
1,779
閲覧数
autoprefixerでgridを有効にしているのにIE11でレイアウトが崩れる
Gulpでautoprefixerを用いていて、コンパイル後のcssには-ms-のベンダープレフィックスは追加されているのですが、IE11だとレイアウトが崩れてしまいます。
崩れるというよりも具体的にはレイアウトが一つだけになってしまいます。
HTML
<div class="grid">
<div class="item">
テスト
</...
1
票
1
回答
1,234
閲覧数
gulp 意図したフォルダにsassがコンパイルされない
gulp js初心者です。
【問題】
srcフォルダのsccsがdestフォルダではなく、dest.rootフォルダの中にコンパイルされる
他のpugやcssなどはdestフォルダで出力されています。
パスの指定もsccsの時と同じ書き方です。
return gulp.src(src.srcの該当プロパティ, {base: src.root})
.pipe(gulp....
2
票
1
回答
879
閲覧数
'default' errored after
gulp js の初心者です。
npx gulp を実行すると以下のエラーが出ます。
[11:35:25] 'default' errored after 17 ms
[11:35:25] The following tasks did not complete: html, css, js
[11:35:25] Did you forget to signal async ...
1
票
1
回答
554
閲覧数
gulp.parallel is not a function
gulpfile.jsに関する質問です。
gulp、js初心者です。
エラー
gulp.parallel is not a function
試みたこと
以下のサイトに従ってパッケージのgulpをアップデートするが、package.jsonではgulp 4.01
コマンドプロンプトでgulp -vをするとなぜか
CLI version 2.1.0
Local version 3.9.1
...
2
票
1
回答
1,877
閲覧数
SyntaxError: Unexpected token -
gulpfile.jsで以下のようなエラーが出ます。
gulpは4.0です。
◆エラー
function browser-sync() {
^
SyntaxError: Unexpected token -
どう書き直せば良いでしょうか?
◆gulpfile.js
const gulp = require('gulp');
//pug
const ...
0
票
1
回答
6,139
閲覧数
'node_modules' は、内部コマンドまたは外部コマンド、 操作可能なプログラムまたはバッチ ファイルとして認識されていません。
yarn run productionを実行すると、
途中までgulpは動いているような・・しかしエラーも出てきます。
これはどうしてでしょうか?
C:\Users\User\Documents\Git2>yarn run production
yarn run v1.3.2
(node:12924) [DEP0005] DeprecationWarning: Buffer() is ...
0
票
1
回答
285
閲覧数
gulpの自動圧縮を実行しないようにしたい。
gulpを使っているのですが、100kbを超えると、すべてのjsファイルの自動的圧縮がはじまり、5時間くらい終わりません。
下記のようなメッセージがコマンドプロンプトに出てきます。
~.js" as it exceeds the max of "100KB"
ページ表記時に実行するjsファイルであれば、何時間待っても圧縮したほうがいいですが、
クリック時に実行するので、圧縮したからと言って、...
0
票
1
回答
239
閲覧数
srcを変更したところなぜか反応しなくなりました。
gulpがうまくいかない: babel-dest が空のままになる
の続き
前回の質問でうまくできたのですが、トランスパイルすJSファイルが、gulpファイルのカレントディレクトリにあるので下記のように、srcを変更したところなぜか反応しなくなりました。
相対パスの指定方法は間違っていないと思うのですがなぜ動かなくなったのでしょうか?
gulp.task('babeltrance', ...
1
票
1
回答
198
閲覧数
gulpがうまくいかない: babel-dest が空のままになる
babel/の中のJSファイルを実行すると、下記のようにトランスパイルされているようなのですが
./babel-destの中身が空のままです。
・./babel-destのカレントディレクトリは、gulpfile.jsのあるフォルダと考えてよいでしょうか?
このファイルがjsフォルダの中にbabel-destフォルダと一緒に入っているのでこの指定で正しいはずですよね。
・...
1
票
0
回答
66
閲覧数
gulpfile.jsでのgulp.src()で特定のディレクトリを無視する方法について
こんにちは。
gulp-sftpを使い、gulp.srcで指定したディレクトリをアップロードしようとしています。
1つずつ指定するのは冗長になるため、アップロードが不要なディレクトリにはプレフィックスとしてアンダースコア_をつけました。
そこで、gulp.src(["**/*", "!_*/**/*"])という記述をしました。
しかし、...
0
票
0
回答
592
閲覧数
Gulpで複数入力・出力パスを指定する方法(例としてgulp-sass)
プロジェクトフォルダ構造:
📁 development
📁 public
📁 1sass
📁 2css
📁 admin
📁 3sass
📁 4css
どちらのソースフォルダーが、どちらの出力フォルダに相当しているか、gulpは何れかの方法で簡単に判断できないように、私はフォルダに数字を付けた結果、名前が同じのフォルダが無くなりました。
さて、...
0
票
0
回答
133
閲覧数
gulpfile.js をスマートな記述にしたい+間違えてる部分を直したい。
こんにちは。
gulpについて勉強しております。
色々なサイトを参考に、下記gulpfile.jsファイルを作成しましたが、
こちらは正しいでしょうか?もっとスマートな書き方がありますでしょうか?
(一応希望している処理は実行されます。)
//変数の宣言
var gulp = require('gulp'); //gulpを呼び出し使えるように。
var sass = require('...
0
票
1
回答
3,046
閲覧数
gulp-sassを実行すると Invalid CSS のエラーが発生する
gulpを使い、sassのコンパイル環境を構築しようとしています。諸々のインストールとgulpfile.jsなどを作り、gulpfile.jsにtaskを書いたのですが、実行してもこのエラーでうまくコンパイルされません。
events.js:160
throw er; // Unhandled 'error' event
^
Error: develop/style....
0
票
1
回答
935
閲覧数
file_get_contents、wp_remote_getのリスクについて
前提
google AMPページの対応をしています。
ヘッダに直書きするstyle amp-customを
sassファイルから自動的にcssファイルを生成している状況で
gulpにて書き込むか、phpのfile_get_contentsで
読み込むか、wordpressのwp_remote_getで
読み込むかというところで迷っています。
迷いが生じた背景
...
1
票
0
回答
417
閲覧数
Gulp を使って同じ階層にフォルダを新たに生成して保存したい
初めまして。フロントエンドエンジニア歴1ヶ月の超初心者です。中学生の時にHTMLとCSSを独学してから
まともに勉強したことはないくらい初心者です。Javascript は一切理解できません。
WEB制作を主にやっていくことになりましたが、周りのエンジニアは Gulp を使っていない職場です。
個人的に調べて、個人で吸収しています。
Gulp-rename で現在こんな指定をしています。
...
0
票
1
回答
1,021
閲覧数
gulpでbabelのタスクが繰り返し大量に実行されてしまう
babelのトランスパイルがうまくいきません。
反応しなくなったり、止まらなくなったりします。
gulp-plumberの影響でしょうか?
・下記がまれにガーとずっとで続けて止まらなくなることがあります。
[20:36:37] Finished 'babeltrance' after 2.01 ms
[20:36:37] Starting 'babelwatch'...
[20:36:38]...
0
票
1
回答
2,019
閲覧数
csscombの設定について。思ったように整形してくれません。
csscombの設定について
下記のサイトで作ったのですが意図した動きになりません
http://csscomb.com/config
私が作った設定
{
"remove-empty-rulesets": true,
"always-semicolon": true,
"color-case": "lower",
"block-indent": "\t",
"color-shorthand":...
0
票
1
回答
895
閲覧数
babelでトランスパイルをしても元ファイルとほぼ同じファイルが出力されてしまう
babelでトランスパイルがうまくいきません。
トランスパイルしたjsファイルはできており、ほんのちょっとだけ変更されています。
(;などをつけてくれています。)
ただしそこしか変わっていません。
トランスパイル前
const add1 = i => i + 1
const multi = (n, m) => i * j
var elem = document....
0
票
2
回答
472
閲覧数
Disconnected from BrowserSyncにすぐになってしまいます。
Disconnected from BrowserSyncにすぐになってしまいます。
数回保存すると上記の状態になり、ブラウザ上ではずっと読み込み中になって、
再読み込みをしてくれません。
dest-afterとsrc-beforeは同じディレクトリ上にあります。
かなり不安定なのですが下記ソースに問題があるのでしょうか?
それとも、監視するファイル数が多かったり、
読み込むプラグインが多いので、...
-2
票
1
回答
2,014
閲覧数
autoprefixerを導入したのですが、エラーが出ます。
http://blog.shibayu36.org/entry/2016/07/20/102641
を参考にautoprefixerを導入したのですが、エラーが出ます。
おそらく
autoprefixer({
browsers: ['last 2 version', 'iOS >= 8.1', 'Android >= 4.4'],
...
2
票
1
回答
368
閲覧数
cssnext から rem に自動で px を加える機能をなくしたい
cssnextを使っているのですが、IE8のサポートが切れたのでremに自動にpxを加える機能をなくしたいのですが、セットになっているので、これだけ外すことはできないのでしょうか?
https://github.com/robwierzbowski/node-pixrem
を見ても英語で完全にはわからず翻訳してもそれらしい記述が見つかりません。
どなたか、ご存じないでしょうか?
...
1
票
1
回答
167
閲覧数
gulpfile.js で BrowserSync を使用すると "is not a PostCSS plugin" というエラーが出る
gulpfile.js にて Browser Sync を使用しています。
var gulp = require('gulp');
var postcss = require('gulp-postcss');
var browserSync = require('browser-sync').create();
// 略
gulp.task('default', function () {
...
-4
票
1
回答
191
閲覧数
ブラウザシンクの続き
Gulp で起動した BrowserSync に出力先ディレクトリの更新時にもれなくリロードさせたい
の続き
別質問にしたほうが良いということなので、こちらにしました。
・ディレクトリ構成
C:.
├─dest-after
│ ├─css
│ │ ├─foundation
│ │ ├─layout
│ │ └─object
│ │ ├─component
│ │ ├─project
│ │ └...
1
票
1
回答
927
閲覧数
Gulp で起動した BrowserSync に出力先ディレクトリの更新時にもれなくリロードさせたい
何とかcssの変更を感知するところまでは来ているのですが、index.htmlだけリロードしてくれてcssはしてくれません。
現在のgulpfile.js
// プラグインの読み込み
var gulp = require("gulp");
var postcssimport = require('postcss-import');
var postcss = require('gulp-...
0
票
1
回答
689
閲覧数
sourcemapsをpostcssで使うことはできないのでしょうか?
sourcemapsをpostcssで使うことはできないのでしょうか?
日本語の情報もほとんど見つかりません。
使用を試みると、下記のエラーが出ます。
・実行結果
>gulp sourcemaps
(node:5620) fs: re-evaluating native module sources is not supported. If you are using the ...
0
票
0
回答
209
閲覧数
Laravel5.3 Elixir でのgulp watchが動かない
Laravel 5.3 でwebアプリケーションを作成しています。
Elixirにてgulpを行っているのですが、gulp watchで毎回
stream.js:74
throw er; // Unhandled stream error in pipe.
^
Error: ENOENT: no such file or directory, stat path/to/...
0
票
1
回答
158
閲覧数
gulpのwatchでbrowserifyの自動トランスパイルを実行するとCannot find module '~/testproj/src/app.js' from '~/testproj'エラーが発生する
タイトル通りなのですが、gulpを利用してbrowserifyのトランスパイルをファイル監視による自動実行させようとしています。
gulpfile.jsは以下のように設定しました。
var gulp = require('gulp');
var browserify = require('browserify');
var source = require('vinyl-source-...
0
票
1
回答
2,285
閲覧数
npm installでエラー
Macの新しい環境で npm install したところ下記のエラーが出てました。
package.jsonがあるディレクトリで npm install しました。
どのあたりを調べたらいいかご教授おねがいします。
環境
MacOS ELCAPITAN 10.11.4
% node -v ...
0
票
1
回答
4,194
閲覧数
gulp-sassでコンパイルすると@includeが使えず「no mixin named 」エラーが出る
gulp-sassを使ってscssファイルをコンパイルしようとするとエラーが出ます
(手打ちなのでスペース数は違うかもしれませんが)
Error: src\sass\style.scss
Error: no mixin named test
Backtrace:
stdin:エラー行
on line エラー行 of stdin
>> @include ...
0
票
1
回答
5,829
閲覧数
gulp-sassでのコンパイル時のエラーについて
gulp-sassを使ってSassファイルをコンパイルする際に
~/gluptest ❯ gulp sass
[15:46:37] Using gulpfile ~/Desktop/gluptest/gulpfile.js
[15:46:37] Starting 'sass'...
Error in plugin 'sass'
Message:
node_modules/sass-...
0
票
1
回答
853
閲覧数
sassのブラウザへの自動反映について
実現したいこと
gulpを導入してsassをコンパイル後、ブラウザへの反映を自動化したいのですがうまく動きません。アドバイスをお願いします。
発生している問題
sassのコンパイルまでは動くのですが、その後のブラウザへの反映が動きません。以下コマンドプロンプトに表示されたエラーメッセージです。
event.js:141
throw er; // Unhandled 'error' ...
0
票
2
回答
1,065
閲覧数
Angular2 で複数のTypeScriptファイルをひとつにまとめるには?
Angular2公式チュートリアル3を見ると、下記の4つ .ts ファイルがありますが、
app.component.ts
boot.ts
hero.ts
hero-detail.component.ts
例えば app.component.ts を見ると、下記のように import しています。
import {Hero} from './hero';
import {...
0
票
2
回答
1,574
閲覧数
gulpfile.jsでアンダースコアのファイルも出力されてしまう
gulpとjade, compassを使ってフロントのビルドをしています。
── jade
│ │ ├── _partial
│ │ │ ├── _banners.jade
│ │ │ ├── _breadcrumb.jade
│ │ │ ├── _fixed_header.jade
│ │ │ ├── _footer.jade
│ │ ...
0
票
1
回答
269
閲覧数
RubyMine(もしくはJetBrains製品)でES6のブレイクポイントが機能しない
おそらく
https://devnet.jetbrains.com/message/5526866
John Hunter氏の
when I start debugging, no breakpoints are ever hit (it does open up the page in chrome and I get the message ''JetBrains IDE ...
1
票
1
回答
402
閲覧数
gulp+webpack-stream+coffee-loaderでcoffeescriptのエラーをハンドリングできません。
gulp+webpackでcoffeescriptをjavascriptへ変換する際にcoffeeの書式エラー等でビルドに失敗した時にgulp-notify等で通知を出したいのですが、gulpの.on('error', function(){})でエラーを取得できません。
必要最低限のgulpfile.coffeeを以下のように記述してみたのですが、coffee/common.coffeeへif ...
3
票
0
回答
146
閲覧数
Gulpで建てたサーバのページがキャッシュされている?
Gulpを使って8000番ポートでサーバーを立てて作業していたのですが、そのあとで他のプロジェクトを同じ8000番ポートでGulpでないサーバーを建てると以前のプロジェクトのhtmlが読み込まれ、新しいプロジェクトのテンプレートが一部表示されなくなってしまいました。
表示されなくなったURLは/ルートです。直し方を教えて下さい。
gulpfileは以下のようになっています。
1 var ...
2
票
1
回答
825
閲覧数
gulp-watchで監視しているフォルダ内で日本語フォルダを入れるとエラーでストップ
gulp-watchで監視中のフォルダに新しくフォルダを作成してリネームした場合、ENOENTエラーが出て監視がストップしてしまいます。
日本語のフォルダ名を使用しないという対応ではなく、
できれば、気軽にフォルダを追加できるようにしたいです。
OSはMacとWindowsの両方で試しました。
nodeのバージョンはv0.12.5 gulpのversionは3.9.0です。
1
票
0
回答
360
閲覧数
npmで存在しないファイルを指し、エラーがでる。
ビルドツールのgulpを使っているのですが、存在しないファイルをさし、エラーがでてしまいます。
events.js:85
throw er; // Unhandled 'error' event
^
CssSyntaxError: /Volumes/project/main.scss:5:4: Unknown word
// bower:scss
^
...
2
票
1
回答
976
閲覧数
gulpのパッケージをグローバルにインストールして利用することはできるのでしょうか?
似たようなワードプレスのウェブサイトを沢山運用しているのですが、
どのテンプレートのフォルダにも全く同じ構成のnode_modulesが重複して存在しており
無駄にローカルのディスク・スペースを消費しています。
毎回同じgulpfileを使っているので、gulpパッケージはグローバルにインストールして
使おうと試してみたのですが、グローバルにインストールされたパッケージはなぜか
...
-1
票
1
回答
1,567
閲覧数
gulp webserverでのエラー
events.js:85
throw er; // Unhandled 'error' event
^
Error: getaddrinfo ENOTFOUND localhost
at errnoException (dns.js:44:10)
at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:94:...
1
票
0
回答
45
閲覧数
gulpでtraceurでコンパイルしたjsとbowerのjsを共存させるには
gulpでtraceurでコンパイルしたes6のjsと、bowerでinstallしたのjsを、concatしてminifyしてsourcemapを正しく設定したいですのですが、gulpfile.jsをどのように設定すればいいでしょうか。
project_root
├── bower.json
├── bower_components
│ ├── traceur-runtime
│ ├──...
2
票
2
回答
2,514
閲覧数
gulpでファイルのパスの指定方法
gulpで.pyのファイルをすべて監視したいのですが、やり方がわかりません。
gulp.watch([
'*.py',
'*/*.py'
], [
'myTask',
]);
構成
test.py <- 反応する
hoge/
test.py <- 反応する
hoge/
test.py <- 反応しない・・・
このようになってしまいます。
...
1
票
1
回答
181
閲覧数
url() 指定のある css を gulp で1つにまとめるには?
例えば以下のように a/css/a.css, b/css/b.css があったとき、これらをまとめて css/x.css を作りたいとします。
a/css/a.css -- url(../image/A.png) の参照あり
a/image/A.png
b/css/b.css -- url(../image/A.png) の参照あり
b/image/A.png
gulp-concat ...
1
票
1
回答
1,346
閲覧数
gulp-sassを使用してSCSSファイルをトランスパイルする際に、Error: Module did not self-registerというエラーが表示される
gulp-sassを使用して特定のSCSSファイルをトランスパイルしようとした時に以下のようなエラーがでてしまいまいトランスパイルすることができません。
[16:51:18] Error: Module did not self-register.
at Error (native)
at Module.load (module.js:355:32)
at ...
1
票
1
回答
348
閲覧数
gulp-pleeeaseのremを10px基準にしたい場合の指定方法について
{
rem: ["10px"]
}
と指定したのですが、うまく動作しませんでした。
うまく動作させるにはどう記述するのが正しいのでしょうか。