Last active
March 29, 2021 19:26
-
-
Save CarlasHub/8fa289a97b29460e8c3852cbc978ca77 to your computer and use it in GitHub Desktop.
getting jquery, popper using gulp and npm
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
install extensions via npm | |
npm install popper.js --save | |
//Require dependencies | |
var | |
gulp = require('gulp'), | |
sass = require('gulp-sass'), | |
sourcemaps = require('gulp-sourcemaps'), | |
concat = require('gulp-concat'), | |
uglify = require('gulp-uglify'), | |
cleanCSS = require('gulp-clean-css'), | |
autoprefixer = require('gulp-autoprefixer'), | |
replace = require('gulp-replace') | |
; | |
//Define directories | |
var | |
buildDir = 'assets/build' | |
; | |
//Define paths | |
var paths = { | |
scripts: [ | |
'node_modules/jquery/dist/jquery.js', | |
'node_modules/popper.js/dist/umd/popper.min.js', | |
'node_modules/bootstrap/dist/js/bootstrap.js', | |
], | |
scss: [ | |
'assets/scss/style.scss' | |
] | |
}; | |
// Compile SCSS into CSS and merge Fontello | |
gulp.task('sass', function () { | |
return gulp.src(paths.scss) | |
.pipe(sourcemaps.init()) | |
.pipe(sass().on('error', sass.logError)) | |
.pipe(autoprefixer({ | |
browsers: ['ie 10', '> 1%', 'Firefox <= 20'] | |
})) | |
.pipe(cleanCSS({rebase: false})) | |
.pipe(concat('style.min.css')) | |
.pipe(sourcemaps.write('maps/')) | |
.pipe(gulp.dest(buildDir + '/css')) | |
; | |
}); | |
// Minify and merge all JavaScript, compile source maps | |
gulp.task('scripts', function () { | |
return gulp.src(paths.scripts) | |
.pipe(sourcemaps.init()) | |
.pipe(uglify()) | |
.pipe(concat('all.min.js')) | |
.pipe(sourcemaps.write('maps/')) | |
.pipe(gulp.dest(buildDir + '/js')) | |
; | |
}); | |
//Watch for changes to files and execute relevant tasks | |
gulp.task('watch', function (){ | |
gulp.watch(['assets/scss/style.scss', 'assets/scss/**/*.scss'], ['sass']); | |
gulp.watch(paths.scripts, ['scripts']); | |
}); | |
gulp.task('default', ['sass','scripts']); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
thanks