SASSが自動コンパイルしてくれなくなりました。
--watchが効いていないっぽいんですがなにが原因なのでしょうか、
自動コンパイルしてくれないだけでコマンド叩けばコンパイル自体はしてくれます。
app.scssにパーシャルファイルのパスを読み込んでそれをコンパイル、吐き出し先をCSSディレクトリ直下に指定しています。
コマンド
$ sass style.scss:../../css/style.css --style expanded --watch
階層
/assets
│
├── css
│ ├── style.css
│ └── style.css.map
│
└── sass
├── Foundation
│ ├── _base.scss
│ ├── _reset.scss
│ ├── _var.scss
│ ├── base.css.map
│ ├── style.css.map
│ └── style.scss
├── Layout
│ ├── _footer.scss
│ ├── _header.scss
│ ├── _main.scss
│ ├── _sidebar.scss
│ ├── footer.css.map
│ ├── header.css.map
│ ├── main.css.map
│ └── sidebar.css.map
└── Object
├── _components.scss
├── _utility.scss
├── components.css.map
└── utility.css.map
gulp.js
var gulp = require('gulp'); var sass = require('gulp-sass'); var sassGlob = require('gulp-sass-glob'); gulp.task('sass', function() { return gulp.src('./sass/**/*.scss') .pipe(plumber({errorHandler: notify.onError("Error:<%= error.message %>")})) .pipe(sassGlob()) .pipe(sass({outputStyle: 'expanded'})) .pipe(postcss([mqpacker()])) .pipe(postcss([cssdeclsort({order: 'alphabetical'})])) .pipe(postcss([autoprefixer()])) .pipe(gulp.dest('./css')); }); gulp.task( 'default', function() { gulp.watch( './sass/**/*.scss', gulp.task('sass')); });
========補足=========
現状
わざわざコマンドを打ち直さなくても、style.scss(コンパイルするファイル)を更新かけるとコンパイルされました。
ただ、やはりパーシャルファイルのみ更新してもコンパイルされるようにしたいです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。