Cấu hình gulpfile.js cho project laravel

Cài đặt gulp

npm install gulp
npm install laravel-elixir --save-dev
npm install laravel-elixir-webpack-official --save-dev

Cấu hình file gulp.js

const elixir = require('laravel-elixir');
require('laravel-elixir-vue-2');

elixir(mix => {

 //biên dịch các file css
    // mix.styles([
    //   './public/statics/plugin/bootstrap/css/bootstrap.min.css',
    //   './public/statics/plugin/bootflat/css/bootflat.min.css',
    //   './public/statics/plugin/font-awesome/css/font-awesome.min.css',
    //   './public/statics/plugin/material-design/css/material-design-iconic-font.min.css',
    //   './public/statics/plugin/simplemde-markdown/dist/simplemde.min.css',
    // ], './public/statics/css/mix-libs.css');

 //biên dịch các file scss
    mix.sass([
        './resources/assets/sass/style.scss',
    ], './public/assets/css/styles.css');

});

//lắng nghe các thay đổi trong thư mục
gulp.task('watch', function() {
  gulp.watch('./resources/assets/sass/*.scss', ['default']);
});

Thực thi

#biên dịch
gulp

#biên dịch và lắng nghe
gulp watch

#biên dịch ra ở chế độ sản phẩm (bỏ chế độ dev, nén mã nguồn và bỏ log....)
gulp --production