私はDjango、Foundation、Gulp、およびSASSを一度に学びます。これまでのところたくさんの楽しみがありましたが、今はレンガの壁に当たっています。私はGulpでFoundation 6をコンパイルしようとしています。Gulpとgulp-ruby-sassを使ったFoundation 6のコンパイル
財団のマニュアルは、うなり声でこれを行う方法の例を示しますが、それ以外にのみ発生する必要があるものについて説明します。私は以下の書いたhttp://foundation.zurb.com/sites/docs/sass.html#compiling-manually
タスクは、私がここで見たものに基づいている:https://www.npmjs.com/package/gulp-ruby-sass/
ここは私の現在のgulpfile.js
次のとおりです。
const gulp = require('gulp');
const sass = require('gulp-ruby-sass');
const autoprefixer = require('gulp-autoprefixer');
autoprefixer({ browsers: ['last 2 version', 'ie >= 9', 'and_chr >= 2.3'] });
gulp.task('default', function() {
});
gulp.task('compile-foundation', function() {
sass('scss/*.scss', sass, {
loadPath: [ 'node_modules/foundation-sites/scss' ]
})
.on('error', sass.logError)
.pipe(gulp.dest('css'))
});
は、ここで私はgulp compile-foundation
を実行したとき、私は取得していますどのような出力です:
[20:20:35] Using gulpfile ~/learnlojbandotcom/learnlojbandotcom/gulpfile.js
[20:20:35] Starting 'compile-foundation'...
[20:20:35] Finished 'compile-foundation' after 22 ms
[20:20:35] error scss/_settings.scss (Line 44: File to import not found or unreadable: util/util.)
ここに私のディレクトリ構造です:
djangosandbox/
djangoapp/
# django application files
djangoproject/
css/
gulpfile.js
html/ # Template files will go in here.
__init__.py
node_modules/
autoprefixer/
foundation-sites/
gulp/
# and many more...
__pycache__/
scss/
_settings.scss
styles.scss # Imports _settings.scss
settings.py
urls.py
wsgi.py