2016-10-04 79 views
1

我有以下简单的WebPack配置:一饮而尽SRC VS的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中。这可能是我错过了一些关键点,这就是为什么它没有意义。

回答

1

您可以使用gulp.src定义入口点,并在webpack config中省略该入口点。

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

例如

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

祝你好运!