Hook на precommit в git

Максимально быстрое создание hook-ка на precommit в git проекте

echo 'npm test' > .git/hooks/precommit && chmod a+x .git/hooks/precommit

Синхронизация fork-а на Github

Для синхронизации своего fork-а на Github делаем:

git remote add upstream https://github.com/whoever/whatever.git
git remote -v
//Видим список веток
git fetch upstream
git checkout master
git merge upstream/master
git commit -am 'comment'
git push

Проблема с Source Map в Webpack, если source map не на одном уровне с webpack.config.js

Друзья, всем доброго времени суток.

Совсем недавно, начиная новый проект и подготавливая конфигурационные, сборочные файлы для Webpack столкнулся с проблемой относительных путей в source map. Суть проблемы в том, что если ваш bundle находиться не на одном уровне с конфигурационными файлами webpack, а , например, на уровень ниже или выше, то пути source map будут не верны и их каталог, являющийся точной отчета, будет не корректен.

После общения с Google, issues на Github и официальной документацией на сайте webpack, было найдено свойство devtoolModuleFilenameTemplate.

Что такое devtoolModuleFilenameTemplate ?

Из официальной документации:

Filename template string of function for the sources array in a generated SourceMap.

Простыми словами:

Свойство принимающее на вход строку определенного вида (смотри документацию) или функцию возвращающую отформатированную строку пути которая будет подставлена в качестве пути в source map файл.

Ниже я приведу несколько магических примеров решивших мою проблему. Я остановился на последнем.

Примеры

Относительные пути в Source Map
output.devtoolModuleFilenameTemplate = '.[resourcePath]';
Точка обязательна, иначе магии не будет

Абсолютные пути в Source Map
output.devtoolModuleFilenameTemplate = '[absolute-resource-path]?';
Знак вопроса обязателен, иначе магии не будет

output.devtoolModuleFilenameTemplate = function (url) {
    return path.resolve('..', url);
}