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

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

974 members

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

01:16:20 ПП
User 136380475
Привет всем! кто в курсе, можно ли приготовить вебпак с typescript таким образом чтобы все ошибки компиляции ловить прямо во вью браузера?
01:20:59 ПП
User 25987514
User 136380475
Привет всем! кто в курсе, можно ли приготовить вебпак с typescript таким образом чтобы все ошибки компиляции ловить прямо во вью браузера?
Тем же вопросом задавался не так давно, в плане: тоже инетересен ответ, лично я - забил)
01:22:54 ПП
User 4274761
User 136380475
Привет всем! кто в курсе, можно ли приготовить вебпак с typescript таким образом чтобы все ошибки компиляции ловить прямо во вью браузера?
если компиляция успешная, то потом ошибки могут валиться в браузер
01:23:34 ПП
User 136380475
но они в консоль
01:23:39 ПП
User 136380475
а хочется во вью
01:23:52 ПП
User 136380475
а писать самому времени нет
01:40:45 ПП
User 127952560
User 136380475
Привет всем! кто в курсе, можно ли приготовить вебпак с typescript таким образом чтобы все ошибки компиляции ловить прямо во вью браузера?
в ангуляре 4+ есть такая тема, так что можно
01:42:40 ПП
User 227646933
User 136380475
Привет всем! кто в курсе, можно ли приготовить вебпак с typescript таким образом чтобы все ошибки компиляции ловить прямо во вью браузера?
пожешь подглядеть в исходники @angular/cli у них это есть
02:03:10 ПП
User 136380475
User 227646933
пожешь подглядеть в исходники @angular/cli у них это есть
благодарю, смотрю
02:24:30 ПП
User 136380475
User 25987514
Тем же вопросом задавался не так давно, в плане: тоже инетересен ответ, лично я - забил)
настройках webpack-dev-server

devServer: {
  overlay: true
}

Важно! webpack-dev-server@2.3.0 версии
02:25:01 ПП
User 136380475
пруф: https://github.com/webpack/webpack-dev-server/pull/764
github.com/webpack/webpack-dev-server/pull/764
What kind of change does this PR introduce? Feature Did you add or update the examples/? Yes Summary This adds an error overlay in the browser, like create-react-app has. It works very much like cr...
02:26:14 ПП
User 25987514
User 136380475
настройках webpack-dev-server

devServer: {
  overlay: true
}

Важно! webpack-dev-server@2.3.0 версии
👍
09:14:26 ПП
User 108160315
если я захочу выполнить такой код, то как и что с ним нужно сделать, чтобы он выполнялся при сборке webpack'a?

там, где log - будет динамическая сборка *шрифтов* (file-loader). С помощью  require(path)  буду динамически загружать и производить всякие штуки... а потом мне, соответственно, нужно будет результат работы этого скрипта закрепить на клиенте, который сформирует стили (@font-face)

В итоге хочу упростить работу загрузки шрифтов (чтобы не писать постоянно 
import RegularWoff from 'MyFont/FontRegular.woff';
import RegularWoff2 from 'MyFont/FontRegular.woff2';

import BoldWoff from 'MyFont/FontBold.woff';
import BoldWoff2 from 'MyFont/FontBold.woff2';

......
  @font-face {
    font-family: 'MyFont';
    src: url(${RegularWoff }) format('woff');
  }

 + формировать стили в рантайме.



блэ, надеюсь, понятно объяснил
fs.readdirSync(filePath).forEach(file => {
  console.log(file);
});
09:23:15 ПП
User 4274761
User 108160315
если я захочу выполнить такой код, то как и что с ним нужно сделать, чтобы он выполнялся при сборке webpack'a?

там, где log - будет динамическая сборка *шрифтов* (file-loader). С помощью  require(path)  буду динамически загружать и производить всякие штуки... а потом мне, соответственно, нужно будет результат работы этого скрипта закрепить на клиенте, который сформирует стили (@font-face)

В итоге хочу упростить работу загрузки шрифтов (чтобы не писать постоянно 
import RegularWoff from 'MyFont/FontRegular.woff';
import RegularWoff2 from 'MyFont/FontRegular.woff2';

import BoldWoff from 'MyFont/FontBold.woff';
import BoldWoff2 from 'MyFont/FontBold.woff2';

......
  @font-face {
    font-family: 'MyFont';
    src: url(${RegularWoff }) format('woff');
  }

 + формировать стили в рантайме.



блэ, надеюсь, понятно объяснил
fs.readdirSync(filePath).forEach(file => {
  console.log(file);
});
npm-scripts
09:23:47 ПП
User 108160315
такс, а как мне потом импортировать результат работы модуля?
09:24:15 ПП
User 108160315
просто вот то что я на серваке собираю нужно будет в процессе сборки на клиент закинуть