@achingbrain/gulp-webpack-sourcemaps

Wraps Webpack into a streaming interface (and generates sourcemaps).

Usage no npm install needed!

<script type="module">
  import achingbrainGulpWebpackSourcemaps from 'https://cdn.skypack.dev/@achingbrain/gulp-webpack-sourcemaps';
</script>

README

Gulp Webpack Sourcemaps

Wraps Webpack into a streaming interface (and generates sourcemaps).

Usage

npm install gulp-webpack-sourcemaps --save-dev
import gulp        from 'gulp';
import loadPlugins from 'gulp-load-plugins';

const $ = loadPlugins();
const config = {
  // Enable watch mode
  watch: true,
  // Other Webpack config...
};

// We can safely use read: false
return gulp.src('main.less', { cwd: 'resources/assets/styles/', read: false, })
  .pipe($.sourcemaps.init()) // Enable sourcemaps
  .pipe($.webpackSourcemaps(config))
  .pipe($.sourcemaps.write('./', { includeContent: true }))
  .pipe(gulp.dest('public/assets/'));