Блог

У меня есть следующая простая конфигурация webpack:

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

и хочу создать задачу gulp, которая будет запускать пакетирование 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. Возможно, я упускаю какую-то ключевую точку, поэтому это не имеет смысла.

Вы можете определить точку входа с gulp.src помощью и опустить ее в конфигурации webpack.

Для gulp.dest использования просто путь к папке назначения.

например

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

Удачи!