на винде ?

хмм, но плюс в виде отличного тришейкинга не надо упускать

да

уже конкретно утомил этот тришейкинг

вебпак уже давно делает это как минимум не хуже

да там такой же тришейкинг как в вебпаке сколько уже раз повторить =)

попробуй официальный шаблон для вебпака https://github.com/sveltejs/template-webpack

хорошо, попробую, но мне пока вит нравиться своим hmr и скоростью сборки

в свелт лоадере теперь тоже есть hmr

тогда отлично

Когда вышла 4 версия и сказали что теперь есть шейпинг, специально запускал тот же код на вебпаке и получил бандл большего размера с лишними выключениями. Может конечно они его к 5-ке таки допилили, но на старте 4-ки его почти не было.

Всем привет.  Я никак не связан с вебразработкой, но начитавшись статей на хабре для общего развития решил сделать панель управления для одного из консольных приложений.
Приложение выдаёт в консоль статус своих процессов примерно в таком виде:
Name Status   PID
App1 STARTED  123
App2 STOPPED
App3 STARTING 345
Каждым процессом можно управлять отдельно
С сервера я могу отдавать эту информацию браузеру в виде JSON
Панель управления наверняка покажется чем-то примитивным и скучным для местных гуру, поэтому прошу прошу сильно камнями не кидаться
Пока видится примерно такое

Вопросы:
1. Правильно ли я понимаю, что бест практисес - представить каждую строчку в виде компонента?
2. Знаю раньше без вариантов это всё версталось бы на таблицах, а как сейчас по молодёжному можно представить такой компонент?
2. Почитал уроки про each но так и не понял как можно будет добавлять строчки-компоненты, просьба сориентировть

Спасибо

1) не обязательно кажду строчку компонентом. в данном случае это будет даже лишним. А вот всякие там Stop/Info возможно и стоит сделать компонентами, если они делают какие-то сложные действия
2) можно и таблицей раз это выглядит как таблица.
3) each просто перебирает в цикле массив, который получает как аргумент и повторяет в DOM содержимое между {#each}<содержимое>{/each}. в качестве содержимого может быть что угодно, хоть html, хоть компонент, хоть их смесь.

// App.svelte

<table>
 <thead>
    ….
 </thead>
 <tbody>
 {#each processes as process}
    <tr>…</tr>
 {/each}
 </tbody>
</table>

<script>
  export let processes = [];
</script>

если данные не особо обновляются и нужны прямо при старте приложения, то можно их вообще запросить в main.js ДО инициализации приложения:

// main.js

import App from “./App.svelte”;

import { fetchProcesses } from ‘….’;

fetchProcesses().then(processes => {
    new App({
          target: document.body,
          props: { processes }
   })
});

Спасибо, чуток прояснилось.
Ещё вопрос: надо ли специально биндиться на ячейку с именем процесса, чтоб перерисовывались только конкретные строки где изменился статус/PID процесса?

И при обновлении данных(скажем, раз в 5 секунд) каждый раз будет дёргаться тот же самый кусок логики с each?