2016-10-04 41 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/')); 
}); 

祝你好運!