@webpack_ru
Webpack — русскоговорящее сообщество

Обсуждения webpack, лоадеров, плагинов и сборок Правила: http://bit.ly/our_etiquette См. также: @rollup_ru, @react_js, @vscode_ru, @macos_ru, @js_ru

974 members

Архив канала @webpack_ru 9 августа 2017 г.

12:38:40 ПП
User 214928123
Ребят, решил отдать задачу по сборке js вебпаку, почитал значит, полистал документашки. Первая дилема была в способе интеграции с галпом. Остановился на webpack-stream причина выбора собственно одна - что-бы нужные для сборки файлы попадали в вебпак через галповские потоки. Получился следующий конфиг:
'use strict';

const $ = require('gulp-load-plugins')();
const gulp = require('gulp');
const core = require('webpack');
const webpack = require('webpack-stream');
const named = require('vinyl-named');

const isDevelop = !process.env.NODE_ENV || process.env.NODE_ENV == 'develop';

let webpackConfig = require('../webpack.config.js');

module.exports = function(options) {

    return function(callback) {
        let buildReady = false;

        function done(err, stats) {
            buildReady = true;

            if (err) {
                return;
            }
            $.util.log('[webpack] Completed\n' + stats.toString({
                assets: true,
                chunks: false,
                chunkModules: false,
                colors: true,
                hash: true,
                timings: true,
                version: true
            }));

        }
        return gulp.src(options.path.src.js)
             .pipe($.plumber({
                errorHandler: $.notify.onError(err => ({
                    title: 'Webpack',
                    message: err.message
                }))
            })) 
            .pipe(named())
            .pipe(webpack(webpackConfig, core , done ))
            .pipe($.debug({title: 'dest'}))
            .pipe(gulp.dest(options.path.build.jsDir));
    };

};
И столкнулся с проблемой. При использовании вебпаковского вотчера, при ошибках компиляции в консоль выводится 
[14:50:05] Finished 'webpack' after 1.48 s
Однако вотчер продолжает следить за файлами и вроде бы как бы и компилит их дальше, да только вот дальше webpack-stream они не идут, т.е в gulp.dest ничего не попадает.....
01:43:49 ПП
User 4274761
Зззачем... Что такого делает галп?
01:45:17 ПП
User 32530886
User 214928123
Ребят, решил отдать задачу по сборке js вебпаку, почитал значит, полистал документашки. Первая дилема была в способе интеграции с галпом. Остановился на webpack-stream причина выбора собственно одна - что-бы нужные для сборки файлы попадали в вебпак через галповские потоки. Получился следующий конфиг:
'use strict';

const $ = require('gulp-load-plugins')();
const gulp = require('gulp');
const core = require('webpack');
const webpack = require('webpack-stream');
const named = require('vinyl-named');

const isDevelop = !process.env.NODE_ENV || process.env.NODE_ENV == 'develop';

let webpackConfig = require('../webpack.config.js');

module.exports = function(options) {

    return function(callback) {
        let buildReady = false;

        function done(err, stats) {
            buildReady = true;

            if (err) {
                return;
            }
            $.util.log('[webpack] Completed\n' + stats.toString({
                assets: true,
                chunks: false,
                chunkModules: false,
                colors: true,
                hash: true,
                timings: true,
                version: true
            }));

        }
        return gulp.src(options.path.src.js)
             .pipe($.plumber({
                errorHandler: $.notify.onError(err => ({
                    title: 'Webpack',
                    message: err.message
                }))
            })) 
            .pipe(named())
            .pipe(webpack(webpackConfig, core , done ))
            .pipe($.debug({title: 'dest'}))
            .pipe(gulp.dest(options.path.build.jsDir));
    };

};
И столкнулся с проблемой. При использовании вебпаковского вотчера, при ошибках компиляции в консоль выводится 
[14:50:05] Finished 'webpack' after 1.48 s
Однако вотчер продолжает следить за файлами и вроде бы как бы и компилит их дальше, да только вот дальше webpack-stream они не идут, т.е в gulp.dest ничего не попадает.....
нахрена юзать вебпак вместе с галпом, тебе делать нечего?
01:45:59 ПП
User 1333299
Галп же таск-раннер
01:46:08 ПП
User 1333299
Нахер он в связке с вебпаком?
01:46:33 ПП
User 1333299
Пиши скрипты на ноде – не будешь завязываться на галповский апи
01:46:38 ПП
User 1333299
Банально ж проще
01:46:42 ПП
01:47:34 ПП
User 42417801
Зачем вообще пайпить что-то из вебпака через галп?
Не, ну я могу ещё понять пользование галпа как таскраннера, но не более
01:50:49 ПП
User 1333299
https://webpack.github.io/docs/usage-with-gulp.html
01:50:55 ПП
User 1333299
Собсна, вот
01:53:44 ПП
User 32530886
ну так давай правильную ссылку
01:53:45 ПП
01:53:45 ПП
User 32530886
https://webpack.js.org/guides/integrations/#gulp
02:24:32 ПП
User 214928123
User 32530886
ну так давай правильную ссылку
Эту документашку излазил.
02:24:58 ПП
User 214928123
User 1333299
Пиши скрипты на ноде – не будешь завязываться на галповский апи
Еще бы ноду знать на уровне...
02:25:17 ПП
User 1333299
User 214928123
Еще бы ноду знать на уровне...
На каком?
02:25:24 ПП
User 1333299
Чтобы скрипты писать?
02:25:44 ПП
User 1333299
Тебя ж никто не просит 10к коннектов обработать
02:25:47 ПП
User 1333299
Чо там уметь?
02:25:57 ПП
User 214928123
User 1333299
На каком?
На приличном, а то сейчас как-то все плохо с этим
02:26:03 ПП
User 1333299
Вот и пиши
02:26:07 ПП
User 1333299
Будет на приличном
02:26:16 ПП
User 1333299
Так люди и учатся, тащемта
02:27:49 ПП
User 32530886
User 214928123
Эту документашку излазил.
выкинь галп
02:27:56 ПП
User 214928123
Вообще галп и используется как таск раннер, раньше собирал на нем все, но решил отдать задачи сборки вебпаку, но запускать процесс галпом... Все таки такие задачи, как спрайты и копирование статики не про вебпак
02:28:15 ПП
User 32530886
делай разными задачами
02:28:20 ПП
User 32530886
не надо все в галп мешать
02:28:26 ПП
User 32530886
либо выкинь вебпак
02:29:27 ПП
User 214928123
т.е запускать галп и вебпак отдельно и не зависимо используя команды npm?
02:30:12 ПП
02:30:17 ПП
User 32530886
самый тру способ
02:31:03 ПП
User 214928123
User 32530886
да
ок, спасиб за совет
05:34:17 ПП
User 144919988
User 32530886
не надо все в галп мешать
вайнот?