Константин Китманов

yeoman, хотя не факт что есть прям то что надо.

В основном webpack. Можно так же обратить внимание на ParcelJS — быстрый, 0 конфигурации.

Что-то лочит этот файл — то ли неудачно написанный веб-сервер, то ли IDE/редактор, то ли еще что — тут много факторов, с ходу не скажешь.
Посмотреть, какой процесс захватывает файл, можно с помощью утилиты Process Monitor.

npm install lib --save в dependencies в package.json, npm install dep --save-dev в devDependencies. Все попадает в node_modules, разработчику в принципе пофиг где конкретно лежат библиотеки.

Ох, grunt и bower (While Bower is maintained, we recommend yarn and webpack for new front-end projects!) сейчас уже никто не использует. gulp еще кое-где живет, но далеко не везде. Фронтендовые пакеты ставятся npm, сборка — webpack.

Интеграция с бэкендовой сборкой сводится обычно к запуску npm run build в нужной директории (любой сборщик умеет запускать произвольную внешнюю команду).

P.S. Да, webpack это больно, но сейчас гораздо проще найти готовый конфиг и минимально допилить под себя. Еще yeoman помогает.

Гуглить «syntax highlight». Есть несколько библиотек, первое, что вспомнилось — https://highlightjs.org/

В таком виде всегда будет медленно, потому что компилируется всё с нуля. Используйте watchify (например) — он следит за изменениями и кэширует скомпилированные файлы.

Ну а если цель «изучить react» или «быстро сделать приложение на react», а не «трахаться с галпом и браузерифаем» то не мучайтесь и возьмите create-react-app.

Не советую интегрировать с gulp, по техническим причинам связка gulp-линтер работает медленнее, чем просто например eslint ./src. Интегрируйте с IDE, делайте таск в package.json, делайте проверку измененных файлов в pre-commit хуке в git.

• Стили — Stylelint понимает все нормальные препроцессоры (scss/sass, less, stylus). Часть правил может исправлять автоматически родственная тулза stylefmt. Альтернатив практически нету.
  
• JS — очень хорош eslint, куча гибких правил, плагинов и пресетов для этих правил. Часть правил правит автоматически. Еще есть т.н. Standard — не ловитесь на название — это просто чьи-то влажные фантазии, что он хорошо пишет JS. jslint полумертв, jshint наверное давно никто не использует, кроме автора. Для coffeescript хз, беглый гуглеж дает заброшенный https://github.com/clutchski/coffeelint
  

А нафига тогда модули вообще, если их не использовать? Уберите и собирайте все с помощью gulp-concat, это ведь очень весело — вручную определять порядок загрузки файлов и постоянно добавлять и убирать файлы в списке вручную:)
TypeScript, к сожалению или к счастью, не умеет собирать приложение в один файл — полагаясь на сторонние решения, которых много и которые представляют другие плюшки.

> У webpack + babel есть такая возможность — не использовать никакую систему, а используется собственный компоновщик.

Babel тут вообще не при чем, он тоже не умеет склеивать файлы. А в webpack нет такой «возможности», он использует уже существующие форматы модулей — из коробки поддерживаются amd, cjs и es6 (import/export и import()). Советую присмотреться, это хоть и головная боль поначалу, но вообще стоит того.

uglify-js стоит, а gulp-uglifyjs — нет.

run: function ($) {
        $("[fill]").removeAttr("fill");
        $("[stroke]").removeAttr("stroke");
        $("[style]").removeAttr("style");
        $("[class]").removeAttr("class");
}

Уверены, что эта функция не удаляет что-нибудь нужное? Хотите минимизировать svg — перегоняйте через svgo.

Команда npm start выполняет скрипт, записанный под именем start в секции scripts в package.json. Если там ничего нет (или если там ошибка), то вот и результат.

Опции svgo смотрели?

Смотря чем собираете. Для webpack EnvironmentPlugin, для browserify -- envify, или даже проще с алиасами выкрутиться.

Ну у вас же правильный тэг стоит, gulp.js. Почитайте доки — они говно, но после них у вас будут хотя бы правильные впросы. К тому же, в них есть типовые примеры.