お世話になります。
久しぶりの質問なのですが、scssのパーシャルについて質問です。
現在scssでパーシャルを使い、機能を分割しようとしていますが、
どうもパーシャルがimportされないようです。
ちなみに@importの記述がなければ問題なくコンパイルされます。
今回には関係ないですが、pugについても問題なくコンパイルされます。
どこが原因か見当もつかないので、どうかお力添えいただければと思います。
どうぞ宜しくお願いいたします。
scss
1//style.scss 2@charset "utf-8"; 3@import "base"; 4 5.page{ 6 background-color : red; 7} 8
scss
1//_base.scss 2$baseColor : #abc000; 3
javascript
1var gulp = require( 'gulp' ); 2var plumber = require( 'gulp-plumber' ); 3var autoprefixer = require( "gulp-autoprefixer" ); 4var pleeease = require( 'gulp-pleeease' ); 5var sass = require( 'gulp-sass' ); 6var pug = require( 'gulp-pug' ); 7 8 9// pug 10gulp.task( 'pug', function buildHTML(){ 11 return gulp.src( 'src/pug/*.pug' ) 12 .pipe( pug( { 13 pretty : true 14 } ) ) 15 .pipe( gulp.dest( 'product/' ) ); 16} ); 17 18// style.css 19gulp.task( 'style-css', function(){ 20 gulp.src( 'src/scss/style.scss' ) 21 .pipe( plumber( { 22 errorHandler : function( err ){ 23 notify.onError( "Error: <%= err.message %>" ); 24 this.emit( 'end' ); 25 } 26 } ) ) 27 .pipe( autoprefixer( { 28 // ☆IEは9以上、Androidは4以上、iOS Safariは8以上 29 // その他は最新2バージョンで必要なベンダープレフィックスを付与する設定 30 browsers : [ "last 2 versions", "ie >= 9", "Android >= 4", "ios_saf >= 8" ], cascade : false 31 } ) ) 32 .pipe( pleeease( { 33 sass : true, autoprefixer : false, minifier : true, mqpacker : true 34 } ) ) 35 .pipe( sass() ) 36 .pipe( gulp.dest( 'product/' ) ); 37} ); 38 39// css/*.css 40gulp.task( 'css', function(){ 41 gulp.src( [ 'src/scss/*.scss', '!src/scss/style.scss' ] ) 42 .pipe( plumber( { 43 errorHandler : function( err ){ 44 notify.onError( "Error: <%= err.message %>" ); 45 this.emit( 'end' ); 46 } 47 } ) ) 48 .pipe( autoprefixer( { 49 // ☆IEは9以上、Androidは4以上、iOS Safariは8以上 50 // その他は最新2バージョンで必要なベンダープレフィックスを付与する設定 51 browsers : [ "last 2 versions", "ie >= 9", "Android >= 4", "ios_saf >= 8" ], cascade : false 52 } ) ) 53 .pipe( pleeease( { 54 sass : true, autoprefixer : false, minifier : true, mqpacker : true 55 } ) ) 56 .pipe( sass() ) 57 .pipe( gulp.dest( 'product/css' ) ); 58} ); 59 60// default 61gulp.task( 'default', function(){ 62 gulp.watch( 'src/pug/*.pug', [ 'pug' ] ); 63 gulp.watch( [ 'src/scss/*.scss', '!src/scss/style.scss' ], [ 'css' ] ); 64 gulp.watch( 'src/scss/style.scss', [ 'style-css' ] ); 65} ); 66
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。