Gulpfile

Developer
Amy Kapernick
Size
1,765 Kb
Views
32,384
  1. Gulpfile Previews
  2. Gulpfile HTML Codes
  3. Gulpfile JS Codes

How do I make an gulpfile?

What is a gulpfile? How do you make a gulpfile? This script and codes were developed by Amy Kapernick on 24 August 2022, Wednesday.

Gulpfile Previews
IQ Test

Gulpfile - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Gulpfile</title>
</head>
<body> <script src="js/index.js"></script>
</body>
</html>

Gulpfile - Script Codes JS Codes

//Variables
var gulp = require('gulp');
var sass = require('gulp-sass');
var replace = require('gulp-replace');
var replaceString = require('gulp-string-replace');
var sourcemaps = require('gulp-sourcemaps');
//File Paths
var sassFiles = 'source/scss/**/*.scss', mainSassFile = 'source/scss/main.scss', cssFiles = 'assets/css/', localHostPath = '/wordpress/wp-content/', remotePath = '/wp-content/', pathFiles ='*'
//Compile main sass into css
gulp.task('sassy', function(){ gulp.src(mainSassFile) .pipe(sourcemaps.init()) .pipe(sass().on('error', sass.logError)) //Using gulp-sass .pipe(sourcemaps.write('../maps')) .pipe(gulp.dest(cssFiles))
});
//Watch for changes in sass files and running sass compile
gulp.task('watch', function() { gulp.watch(sassFiles, ['sassy']);
});
//Replace file paths for local host with remote server
gulp.task('replaceLocalDev', function(){ gulp.src([pathFiles, '!gulpfile.js']) .pipe(replace(localHostPath, remotePath)) .pipe(gulp.dest('./')); gulp.src([sassFiles, '!gulpfile.js']) .pipe(replaceString(localHostPath, remotePath)) .pipe(gulp.dest('source/scss/')); gulp.start('sassy');
});
Gulpfile - Script Codes
Gulpfile - Script Codes
Home Page Home
Developer Amy Kapernick
Username aimhigherwebdesign-amy
Uploaded August 24, 2022
Rating 3
Size 1,765 Kb
Views 32,384
Do you need developer help for Gulpfile?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Amy Kapernick (aimhigherwebdesign-amy) Script Codes
Name
Portfolio Page
WebEx Troubleshooting
Corner Triangle
Battle Against the Dragon
Search box with SVG icon
Playing with Flexbox
Email Signature
Border Gradient
Fancy table search
Instant Quote Generator
Create amazing marketing copy with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!