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捆绑的gulp任务，以及将来除了之外还要做其他一些事情。

这篇文章是：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 config中省略它。

gulp.dest仅使用目标文件夹路径。

e.g。

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

祝你好运！

gulp src vs webpack entry

1 个答案: