2016-09-30 73 views
0

我試圖建立青菜在我laravel的項目,我做了一個文件夾resources/assets/sass,安裝NPM模塊,但沒有被複制到公共/ css文件夾,所以當我打開我的網頁,我得到的錯誤控制檯:Laravel - 塞汀了青菜

無法加載資源:服務器與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

已運行命令 '故宮安裝'?

+0

是的,我有,我沒有得到任何錯誤,當我運行一飲而盡 – Marco

+0

編制資產Laravel藥劑工作。我沒有在你的gulpfile.js中看到它。 對於據我所知,gulpfile必須包含以下內容: '變種酏=要求(「laravel-酏劑」); elixir(功能(混合){ mix.less('app.less'); });' 類似的東西......這可能是問題所在。 –