お世話になっております。
表題についてですが、普段から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 }
あなたの回答
tips
プレビュー