node.js - 需要帮助来了解gulp和webpack-stream的工作原理

所以我有一个大口文件（工作）和一个网页包文件（工作）。现在我想把这些合并到一起，这样我只需要运行webpack就可以查看和编译scss文件。
看看webpack home page我可以用一种叫做webpack-stream的东西

var gulp = require('gulp');
var webpack = require('webpack-stream');
gulp.task('default', function() {
  return gulp.src('src/entry.js')
    .pipe(webpack())
    .pipe(gulp.dest('dist/'));
});

我不明白我在这里读什么。我也不熟悉管道。
-第一段代码，是不是进入了gulpfile.js？
-什么是entry.js？
-这段代码是做什么的？
上面将把src/entry.js编译成带有webpack的assets
dist/的输出文件名为[hash].js（webpack生成的哈希
建筑）。
或者直接传入webpack.config.js：

return gulp.src('src/entry.js')
  .pipe(webpack( require('./webpack.config.js') ))
  .pipe(gulp.dest('dist/'));

我猜这会进我的肚子里？
我想我需要用茶匙把这个递给我：-/
更新
我是在@kannix和@jmm的帮助下完成的。以下是我的配置文件：
吞咽

var gulp = require('gulp');
var sass = require('gulp-sass');
var webpack = require('webpack-stream');

gulp.task('default', [
    'webpacker',
    'sass',
    'watch'
]);

gulp.task('webpacker', function() {
    return gulp.src('./src/index.js')
        .pipe(webpack(require('./webpack.config.js')))
        .pipe(gulp.dest('dist/'));
});


gulp.task('sass', function () {
    return gulp
        .src('./src/sass/main.scss')
        .pipe(sass())
        .pipe(gulp.dest('./css/'));
});

gulp.task('watch', function() {
        gulp.watch('./src/sass/*.scss', ['sass']);
        gulp.watch('./src/components/*.jsx', ['webpacker']);
});

webpack.config.js文件

var path = require('path');
var webpack = require('webpack');

module.exports = {
    entry: "./src/index.js",
    output: {
        path: __dirname + "/js/",
        filename: "bundle.js"
    },
    module: {
        loaders: [
            {
                test: /\.jsx?$/,
                exclude: /node_modules/,
                loader: 'babel',
                query: {
                    cacheDirectory: true,
                    presets: ['es2015', 'react']
                }
            }
        ]
    }
};

最佳答案

gulp.task('default', function() {
  return gulp.src('src/entry.js')
    .pipe(webpack())
    .pipe(gulp.dest('dist/'));
});

是的，这是gulpfile.js的代码。
这告诉gulp读取src/entry.js并将文件内容流式传输到webpack-streamgulp插件。然后，webpack流的输出被写入dist/
entry.js是指webpack entry point
第二个例子做的几乎相同，但它很可能会从webpack.config.js