Skip to content

Instantly share code, notes, and snippets.

@CarlasHub
Last active March 29, 2021 19:26
Show Gist options
  • Save CarlasHub/8fa289a97b29460e8c3852cbc978ca77 to your computer and use it in GitHub Desktop.
Save CarlasHub/8fa289a97b29460e8c3852cbc978ca77 to your computer and use it in GitHub Desktop.
getting jquery, popper using gulp and npm
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']);
@neverkas
Copy link

thanks

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment