質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

0回答

1750閲覧

Wordpressとgulpの組み合わせについて - gulpfile.jsでエラー

hibit

総合スコア7

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2017/05/21 15:17

お世話になっております。

表題についてですが、普段からWordpressとgulpの組み合わせて開発を行なっているのですが、
急にgulpfile.jsでrequireのエラーが出ていることに気がつきました。

エディターはphpstormですが、requrireの部分にエラー表示がでてしまています。
cssフレームワークではfoundation6を使用しています。

bower_componentsからfoundationを読み込みたいのですが、
これについても前までは問題なくできていたのに、急にできなくなりました。

なにが原因か全くわからないのですが、
見当がつく方がいらっしゃいましたらご教授願います。

それではよろしくお願いします。

html

1// ディレクトリ構造 2├── 404.php 3├── LICENSE 4├── README.md 5├── aaa.php 6├── archive.php 7├── assets 8│   ├── ai 9│   ├── images 10│   └── pdf 11├── comments.php 12├── css 13│   ├── app.css 14│   ├── hamburgers.min.css 15│   ├── jquery.mmenu.all.css 16│   └── swiper.min.css 17├── footer.php 18├── front-page.php 19├── functions.php 20├── header.php 21├── inc 22│   ├── custom-header.php 23│   ├── customizer.php 24│   ├── extras.php 25│   ├── jetpack.php 26│   └── template-tags.php 27├── index.php 28├── js 29│   ├── app.js 30│   ├── customizer.js 31│   ├── foundation.min.js 32│   ├── jquery.flexnav.min.js 33│   ├── jquery.mmenu.all.min.js 34│   ├── navigation.js 35│   ├── script.js 36│   ├── sidebar-fixed.js 37│   ├── skip-link-focus-fix.js 38│   ├── swiper.min.js 39│   └── what-input.js 40├── languages 41│   ├── 42│   └── readme.txt 43├── layouts 44│   ├── content-sidebar.css 45│   └── sidebar-content.css 46├── page.php 47├── readme.txt 48├── rtl.css 49├── screenshot.png 50├── search.php 51├── sidebar.php 52├── single.php 53├── src 54│   ├── bower.json 55│   ├── bower_components 56│   ├── gulpfile.js 57│   ├── node_modules 58│   ├── package.json 59│   └── scss 60├── style.css 61└── template-parts 62 ├── content-none.php 63 ├── content-page.php 64 ├── content-search.php 65 └── content.php

javascript

1var gulp = require( 'gulp' ); 2var csscomb = require( 'gulp-csscomb' ); 3var pleeease = require( 'gulp-pleeease' ); 4var plumber = require( 'gulp-plumber' ); 5var notify = require( 'gulp-notify' ); 6var sass = require( 'gulp-sass' ); 7var autoprefixer = require( "gulp-autoprefixer" ); 8var sourcemaps = require( 'gulp-sourcemaps' ); 9var $ = require( 'gulp-load-plugins' )(); 10 11var sassPaths = [ 'bower_components/foundation-sites/scss', 'bower_components/motion-ui/src' ]; 12var scssFiles = [ 'scss/**/!(_)*.scss', '!scss/foundation6/*.scss' ]; 13var foudationFiles = [ 'scss/foundation6/*.scss' ]; 14 15// css 16gulp.task( 'css', function(){ 17 gulp.src( scssFiles ) 18 .pipe( plumber( { 19 errorHandler : function( err ){ 20 notify.onError( "Error: <%= err.message %>" ); 21 this.emit( 'end' ); 22 } 23 } ) ) 24 .pipe( pleeease( { 25 autoprefixer : true, 26 minifier : false, 27 mqpacker : ({ 28 sort : false 29 }) 30 } ) ) 31 .pipe( csscomb() ) 32 .pipe( gulp.dest( '../' ) ) 33 .pipe( notify( 'scssをコンパイルしました!' ) ); 34} ); 35 36// foundation6 37gulp.task( 'foundation', function(){ 38 gulp.src( foudationFiles ) 39 .pipe( sourcemaps.init() ) 40 .pipe( plumber( { 41 errorHandler : function( err ){ 42 notify.onError( "Error: <%= err.message %>" ); 43 this.emit( 'end' ); 44 } 45 } ) ) 46 .pipe( sass( { 47 includePaths : sassPaths 48 } ) ) 49 .pipe( pleeease( { 50 autoprefixer : true, 51 minifier : false, 52 mqpacker : ({ 53 sort : false 54 }) 55 } ) ) 56 .pipe( csscomb() ) 57 .pipe( sourcemaps.write() ) 58 .pipe( gulp.dest( '../css' ) ) 59 .pipe( notify( 'foundation6をコンパイルしました!' ) ); 60} );

// すみません、以下なぜかマークダウンが効かないです、、。
// package.json
{
"name": "aaa_wp_package",
"version": "1.0.0",
"description": "",
"main": "gulpfile.js",
"scripts": {
"test": "echo "Error: no test specified" && exit 1"
},
"author": "aaa",
"license": "ISC",
"devDependencies": {
"gulp": "^3.9.1",
"gulp-autoprefixer": "^3.1.1",
"gulp-csscomb": "^3.0.8",
"gulp-imagemin": "^3.2.0",
"gulp-load-plugins": "^1.1.0",
"gulp-notify": "^2.2.0",
"gulp-pleeease": "^2.0.2",
"gulp-plumber": "^1.1.0",
"gulp-pug": "^3.2.0",
"gulp-sass": "^2.3.2",
"gulp-sourcemaps": "^1.9.1"
}
}

// bower.json { "name" : "foundation-sites-template", "version" : "1.0.0", "authors" : [ "ZURB <foundation@zurb.com>" ], "description" : "Basic template for a new Foundation for Sites project.", "main" : "../index.php", "license" : "MIT", "homepage" : "http://foundation.zurb.com", "dependencies" : { "foundation-sites" : "~6.3.0", "motion-ui" : "~1.2.2" }, "ignore" : [ "**/.*", "node_modules", "bower_components", "test", "tests" ], "private" : true }

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問