gulp src vs webpack 入口答案

【问题标题】：gulp src vs webpack entrygulp src vs webpack 入口
【发布时间】：2017-02-12 18:39:10
【问题描述】：

我有以下简单的 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 中。可能是我遗漏了一些关键点，这就是为什么它没有意义。

【问题讨论】：

标签： gulp webpack

【解决方案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/'));
 });

祝你好运！

【讨论】：