J'apprends Django, Fondation, Gulp, et SASS à la fois. Ça a été très amusant jusqu'à présent, mais j'ai frappé un mur de briques maintenant. J'essaye de compiler Foundation 6 avec Gulp.Fondation 6 avec Compiling Gulp et avalent-rubis SASS
la documentation de la Fondation donne un exemple de la façon de le faire avec Grunt, mais autrement ne décrit que ce qui doit arriver: http://foundation.zurb.com/sites/docs/sass.html#compiling-manually
La tâche que j'ai écrit ci-dessous est basée sur ce que je vois ici: https://www.npmjs.com/package/gulp-ruby-sass/
Voici mon actuelle 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'))
});
Voici ce que la sortie je reçois quand je lance 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.)
Voilà ma structure de répertoire:
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