Собрать bootstrap js с помощью gulp?

Если со сборкой SCSS стилей я разобрался:
'use strict';

var gulp   = require('gulp');
var sass   = require('gulp-sass');
var concat = require('gulp-concat');
var cleanCSS = require('gulp-clean-css');

sass.compiler = require('node-sass');

gulp.task('sass', function () {
  return gulp.src('src/sass/app.scss')
    .pipe(sass({
      includePaths: ['./node_modules']
    }).on('error', sass.logError))
    .pipe(concat('app.css'))
    .pipe(gulp.dest('css'));
});

gulp.task('minify-css', function () {
  return gulp.src('css/app.css')
    .pipe(cleanCSS())
    .pipe(gulp.dest('css'));
});


src/sass/app.scss
@import 'bootstrap/scss/bootstrap';

То что делать с js библиотеками?
Я создал 2 файла, src/js/app.js и src/js/bootstrap.js (как в Laravel),
В app.js я прописал:
require ('./bootstrap');

А в bootstrap.js прописал:
window.$ = window.jQuery = require('jquery');
require('bootstrap');


Если просто сделать
gulp.task('js', function () {
  return gulp.src('src/js/app.js')
    .pipe(gulp.dest('js'));
});


То на выходе получаю файл app.js со строкой:
require ('./bootstrap');

Т.е. происходит просто перенос файла, код не отрабатывает.

Решил разобраться с фронтендом 2018 года (сам бэкендер), но у меня уже всё в глазах плывёт. Нужна помощь.
  • Вопрос задан
  • 73 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы