less - Gulp-Webpack Loaders returning loader source code? -

newbie. i'm setting gulp-webpack run in gulp task, , i'm starting simple processing test "less" file. npm-installed gulp-webpack, webpack, , webpack loaders less-loader, css-loader, , style-loader. reason, output css file isn't ... instead it's js file containing appears source code loader itself. need require webpack loaders within webpack config file?

my gulpfile.js:

var gulpwebpack = require('gulp-webpack');  gulp.task('go2',function(){ return gulp.src('src/homesmenuangular/css/*.less')   .pipe(gulpwebpack( require('./webpack.config.js') ))   .pipe(gulp.dest('builds/homesmenuangular/css'));  }); 

my webpack.config.js:

// no require statements  module.exports = {   module: {     loaders: [       {         test: /\.less$/,         loader: "style!css!less"       }     ]   } }; 

so, experienced webpackers rolling eyes, because yes, webpack output javascript injects other resources page. thinking "let's use webpack loader convert less css" , "let's use gulp" automate whole build process hadn't taken deep enough dive how webpack works bundles 1 or more js files.