2016-09-30 4 views
0

Я пытаюсь настроить sass в моем проекте laravel, я создал папку resources/assets/sass, установленные модули npm, но ничего не копируется в общедоступную/css-папку, поэтому, когда я открываю свою страницу, я получаю ошибку в консоль:Laravel - настройка sass

Не удалось загрузить ресурс: сервер ответил со статусом 404 (Не найдено)

И когда я бегу глотка он открывает в браузере структуру папок папки , Как именно я должен настроить его?

Это мой gulpfile.js

var gulp   = require('gulp'); 
var sass   = require('gulp-sass'); 
var include  = require('gulp-include'); 
var watch   = require('gulp-watch'); 
var batch   = require('gulp-batch'); 
var sourcemaps = require('gulp-sourcemaps'); 
var prefix  = require('gulp-autoprefixer'); 
var connect  = require('gulp-connect'); 
var browserify = require('gulp-browserify'); 
var livereload = require('gulp-livereload'); 
var browsersync = require('browser-sync'); 

var config = { 
    port: 1338, 
    srcDir: './src', 
    destDir: './public', 
    content: { 
    src: '/**/*.html' 
    }, 
    styles: { 
    src: '/scss/app.scss', 
    dest: '/css', 
    includePaths: [ 
     'node_modules/foundation-sites/scss', 
     'node_modules/motion-ui/src' 
    ], 
    prefix: ["last 2 versions", "> 1%", "ie 9"] 
    }, 
    scripts: { 
    src: '/js/app.js', 
    dest: '/js' 
    }, 
    img: { 
    src: '/img/**/*', 
    dest: '/img' 
    } 
}; 

var srcDir = './src', 
    destDir = './build'; 

gulp.task('styles', function() { 
    return gulp.src(config.srcDir + config.styles.src) 
    .pipe(sourcemaps.init()) 
    .pipe(sass({ 
     includePaths: config.styles.includePaths, 
     sourceMap: true, 
     outFile: config.destDir + config.styles.dest + '/app.css', 
     outputStyle: 'compressed' 
    })) 
    .pipe(prefix(config.styles.prefix)) 
    .pipe(sourcemaps.write()) 
    .on('error', sass.logError) 
    .pipe(gulp.dest(config.destDir + config.styles.dest)) 
    .pipe(browsersync.reload({ stream: true })); 
}); 

gulp.task('scripts', function() { 
    gulp.src(config.srcDir + config.scripts.src) 
     .pipe(browserify({ 
     insertGlobals : true, 
     debug : !gulp.env.production 
     })) 
     .pipe(gulp.dest(config.destDir + config.scripts.dest)) 
}); 

gulp.task('include', function() { 
    gulp.src(config.srcDir + config.content.src) 
    .pipe(include()) 
     .on('error', console.log) 
    .pipe(gulp.dest(config.destDir)); 

    return gulp.src(config.srcDir + config.img.src) 
    .pipe(gulp.dest(config.destDir + config.img.dest)); 
}); 

gulp.task('webserver', function() { 
    connect.server({ 
    root: [config.destDir], 
    port: config.port 
    }); 
}); 

gulp.task('browsersync', function() { 
    browsersync({ 
    port: config.port, 
    proxy: 'localhost:' + config.port 
    }); 
}); 

gulp.task('watch', ['browsersync'], function() { 
    watch(config.srcDir + '/**/*.*', batch(function (events, done) { 
    gulp.start('include', done); 
    gulp.start('styles', done); 
    gulp.start('scripts', done); 
    })); 
}); 

gulp.task('default', ['styles', 'scripts', 'include', 'webserver', 'watch']); 

ответ

0

Вы запустите команду "NPM установить?

+0

Да, у меня нет ошибок при запуске gulp – Marco

+0

Компиляция активов работает с Laravel Elixir. Я не вижу его в вашем gulpfile.js. Насколько я знаю, gulpfile должен содержать следующее: 'var elixir = require ('laravel-elixir'); elixir (функция (mix) { mix.less ('app.less'); }); ' Нечто подобное ... это может быть проблемой. –