Загрузчики Gulp-Webpack возвращают исходный код загрузчика?

Новичок. Я настраиваю gulp-webpack для запуска в задаче Gulp, и я начинаю с простого, обрабатывая тестовый "менее" файл. Я установил gpm-webpack, webpack, а также загрузчики webpack менее-loader, css-loader и style-loader. По какой-то причине мой выходной css-файл не... вместо этого это js-файл, содержащий то, что представляется исходным кодом для самого загрузчика. Нужно ли запрашивать загрузчики веб-пакетов в конфигурационном файле веб-пакета?

Мой gulpfile.js:

var gulpwebpack = require('gulp-webpack');

gulp.task('go2',function(){
return gulp.src('src/homesMenuAngular/css/*.less')
  .pipe(gulpwebpack( require('./webpack.config.js') ))
  .pipe(gulp.dest('builds/homesMenuAngular/css')); 
});

Мой webpack.config.js:

// no require statements

module.exports = {
  module: {
    loaders: [
      {
        test: /\.less$/,
        loader: "style!css!less"
      }
    ]
  }
};

1 ответ

Таким образом, большинство опытных веб-упаковщиков, вероятно, закатывают глаза, потому что да, веб-пакет выводит javascript, который внедряет все остальные ресурсы в страницу. Я думал: "Давайте использовать загрузчик веб-пакетов, чтобы меньше преобразовывать в css" и "давайте использовать gulp", чтобы автоматизировать весь процесс сборки, но я не достаточно глубоко погрузился в то, как конкретно работает веб-пакет, который объединяет все в 1 или более JS файлы.

Другие вопросы по тегам