Кто же все таки настраивал watch-еры на YII2?

Question

[mirik49]

Добрый день, как настроить watch в gulp или webpack для работы с Yii2. Сборку настроить не проблема, все понятно, а вот с вотчерами и подстановкой css, и автоперезагрузкой страницы ну никак. Из всего прочитанного на широких просторах у всех конец один: " можно настроить и подстановку, и перезагрузку, но всем авторам почему то нравиться перезагружать в ручную", а меня это капец как достало.

Comments

[Дмитрий]

Добрый день.
А как Вы самостоятельно пытались решить задачу? Где код?

[mirik49]

я не знаю как это делать, и найти не могу, если поднимаю сервер на browsersync отдельным проектом то все ок, а как это все устроить в yii2?

Answer 1

[Антон Иванов]

Ну подождите, в webpack есть webpack-dev-server с режимом hot reload.

https://webpack.js.org/configuration/dev-server/

Или я вас не правильно понял.

Comments

[mirik49]

а как релоадить это все в проекте на на yii2?
Учитывая что это все поднято на openServer или в докере на nginx?

[Антон Иванов]

mirik49, Dev server у вас запускается отдельно на локальной машине. Когда разработка завершена вы запускаете создание билда в webpack и выгружает в продакшн только итоговые файлы.

[Антон Иванов]

На опен сервере у вас крутиться php, nginx, MySQL. А webpack на ноде локально в windows.

[mirik49]

Антон, Вы сейчас совсем не о том. Мне для разработки нужно локально подключаться к серверу на котором я локально поднимаю yii2, чтобы css, js, php отслеживать и по изменениям релоадить страницу а не каждый раз тыкать туда руками

[mirik49]

var gulp = require("gulp");
var server = require("browser-sync").create();
var php = require('gulp-connect-php');
var pathResources = "frontend/resources/";
var outResources = "frontend/web/";

gulp.task('php', function() {
    php.server({ base: outResources, port: 8010, keepalive: true});
});

gulp.task('server',['php'], function () { // Создаем таск browser-sync
    server.init({
        proxy: '127.0.0.1:8010',
        port: 8080,
        open: true,
        notify: false
    });
});

gulp.task("start", gulp.series("server"));

Пытаюсь поднимать вот так что бы в папке frontend/web он искал index.php, но консоль сыпет ошибку

D:\eFS\OpenServer\OSPanel\domains\yii.loc>npm start

> yii@15.0.0 start D:\eFS\OpenServer\OSPanel\domains\yii.loc
> gulp start

assert.js:350
throw err;
^

AssertionError [ERR_ASSERTION]: Task function must be specified
at Gulp.set [as _setTask] (D:\eFS\OpenServer\OSPanel\domains\yii.loc\node_mo
dules\undertaker\lib\set-task.js:10:3)
at Gulp.task (D:\eFS\OpenServer\OSPanel\domains\yii.loc\node_modules\underta
ker\lib\task.js:13:8)
at Object. (D:\eFS\OpenServer\OSPanel\domains\yii.loc\gulpfile.js
:31:6)
at Module._compile (internal/modules/cjs/loader.js:689:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10)
at Module.load (internal/modules/cjs/loader.js:599:32)
at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
at Function.Module._load (internal/modules/cjs/loader.js:530:3)
at Module.require (internal/modules/cjs/loader.js:637:17)
at require (internal/modules/cjs/helpers.js:22:18)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! yii@15.0.0 start: `gulp start`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the yii@15.0.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional log
ging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\I\AppData\Roaming\npm-cache\_logs\2019-04-28T17_49_51_467Z
-debug.log

D:\eFS\OpenServer\OSPanel\domains\yii.loc>

эта часть в package.json для запуска скрипта
"scripts": {
"editorconfig": "editorconfig-cli",
"stylelint": "stylelint \"source/less/**/*.less\" --syntax less",
"test": "npm run editorconfig && npm run stylelint",
"build": "gulp build",
"start": "gulp start"
},

[Антон Иванов]

mirik49, про галп не скажу, не настраивал. С webpack проблем не было.

[mirik49]

Можешь скинуть конфиг webpack, для изучения?

Answer 2

[mirik49]

Не пойму что все вручную делают, никто не автоматизировал этот процесс? Как так то?