Загрузчики 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 файлы.