“狼吞虎咽”对webpack参赛

Question

我有以下简单的webpack配置：

module.exports = {
    entry: "entry.js",
    failOnError: true,
    devtool: "source-map",
    output: {
        filename: "bundle.js",
        sourceMapFilename: "souce-map.js"
    },
    resolve: {
        root: ["./app"]
    },
    watch: true
};

并想要创造出一项将webpack捆绑在一起的任务，并在未来做一些其他的事情。

这是一篇文章:我正在看的https://www.npmjs.com/package/gulp-webpack。它告诉我可以这样传递webpack的配置：

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

 gulp.task('default', function() {
   return gulp.src('??')
     .pipe(webpack(require('webpack.config.js')))
     .pipe(gulp.dest('??'));
 });

所以问题是:我已经在webpack配置中告诉了使用哪个文件作为入口点，以及在哪里放置结果。gulp.src和gulp.dest如何适合这里？我要把和webpack一样的文件放进去吗？这可能是因为我错过了一些关键点，这就是为什么它没有意义的原因。

Answer 1

您可以使用gulp.src定义入口点，并省略webpack配置中的入口点。

对于gulp.dest，只使用目标文件夹路径。

例如：

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

祝好运!