mirror of
https://github.com/bckelley/Sass-Workflow.git
synced 2026-08-24 03:24:12 -05:00
bckelleyandbckelley
6d02557f56
* added proxy-middleware * added express server had to add the express server to see the files in my directory and proxy-middleware to get gulp and browser-sync to work
28 lines
939 B
JavaScript
28 lines
939 B
JavaScript
const gulp = require('gulp')
|
|
const browserSyncInstance = require('browser-sync').create()
|
|
const sass = require('sass')
|
|
const gulpSass = require('gulp-sass')(sass)
|
|
|
|
|
|
// Compile Sass into CSS & auto-inject into browsers
|
|
gulp.task('sass', async function () {
|
|
return gulp.src('src/scss/**/*.scss')
|
|
.pipe(gulpSass().on('error', gulpSass.logError)) // Compile SCSS with error logging
|
|
|
|
.pipe(gulp.dest('dist/css'))
|
|
.pipe(browserSyncInstance.stream()); // Inject CSS changes into the browser
|
|
})
|
|
|
|
// Start a local server with BrowserSync & watch files for changes
|
|
gulp.task('serve', () => {
|
|
browserSyncInstance.init({
|
|
proxy: 'http://localhost:3002',
|
|
files: ['src/**/*.html', 'dist/css/*.css', 'src/scripts/**/*.js'],
|
|
port: 3000
|
|
})
|
|
|
|
gulp.watch('src/scss/**/*.scss', gulp.series('sass'))
|
|
})
|
|
|
|
// Default task: compile Sass, autoprefix, and start the server
|
|
gulp.task('default', gulp.series('sass', 'serve')) |