Size: a a a

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

2019 March 29

AA

Andrew Anikin in Webpack — русскоговорящее сообщество
Привет чуваки. Есть проект на Vue+TS, надо оптимизировать компиляцию.

Один из путей - вынести проверку типов в отдельный процесс с помощью fork-ts-checker-notifier-webpack-plugin. С ним есть небольшое неудобство - ошибки проверки типов он выводит или в консоль, или в системном сообщении с помощью fork-ts-checker-notifier-webpack-plugin (который внутри юзает node-notifier).

Мне кажется это неудобным, хотелось бы, чтобы ошибка компиляции показывалась сразу на фронте (аналогия опции overlay у webpack-dev-server'а). Есть ли какие-то годные плагины для отображения ошибки на фронте?
источник

б

без jquery 👨‍💻 in Webpack — русскоговорящее сообщество
Anton
Встречался с ним только разок давно, когда в эмбер лазил, он ещё где нибудь встречается или раньше встречался?
Ну к примеру тимлид, бывший эмберист, познакомил с броколью, вроде прошло все успешно, и самое интересное, что броколь это синтаксис сахар ака галп
источник

б

без jquery 👨‍💻 in Webpack — русскоговорящее сообщество
Там такого нету
источник

б

без jquery 👨‍💻 in Webpack — русскоговорящее сообщество
Andrew Anikin
Привет чуваки. Есть проект на Vue+TS, надо оптимизировать компиляцию.

Один из путей - вынести проверку типов в отдельный процесс с помощью fork-ts-checker-notifier-webpack-plugin. С ним есть небольшое неудобство - ошибки проверки типов он выводит или в консоль, или в системном сообщении с помощью fork-ts-checker-notifier-webpack-plugin (который внутри юзает node-notifier).

Мне кажется это неудобным, хотелось бы, чтобы ошибка компиляции показывалась сразу на фронте (аналогия опции overlay у webpack-dev-server'а). Есть ли какие-то годные плагины для отображения ошибки на фронте?
источник

AA

Andrew Anikin in Webpack — русскоговорящее сообщество
Это не работает, так как ошибка не при сборке, а в отдельном процессе.
источник

б

без jquery 👨‍💻 in Webpack — русскоговорящее сообщество
Andrew Anikin
Это не работает, так как ошибка не при сборке, а в отдельном процессе.
Вообще он выплевывает любые ошибки при компиляции
источник

б

без jquery 👨‍💻 in Webpack — русскоговорящее сообщество
К примеру у КРА есть оверлей, при сборке на фронт ошибка выдается
источник

AA

Andrew Anikin in Webpack — русскоговорящее сообщество
без jquery 👨‍💻
Вообще он выплевывает любые ошибки при компиляции
Так и есть. Но это ошибка не при компиляции, а в отдельном процессе, который проверяет типы
источник

б

без jquery 👨‍💻 in Webpack — русскоговорящее сообщество
Это как так в отдельном?
источник

AA

Andrew Anikin in Webpack — русскоговорящее сообщество
без jquery 👨‍💻
Это как так в отдельном?
Плагин создает отдельный процесс с помощью child_process.fork, а затем подписывается на его сообщения. Если пришло сообщение с ошибкой, то выводит ошибки в консоль и вызывает свои хуки в вебпаке.
источник

б

без jquery 👨‍💻 in Webpack — русскоговорящее сообщество
Andrew Anikin
Плагин создает отдельный процесс с помощью child_process.fork, а затем подписывается на его сообщения. Если пришло сообщение с ошибкой, то выводит ошибки в консоль и вызывает свои хуки в вебпаке.
Делайте подписку на ошибку и делайте throw new Error()
источник

б

без jquery 👨‍💻 in Webpack — русскоговорящее сообщество
Повторяю, я в вебпаке не гуру, но чего то понимаю
источник
2019 March 30

AA

Andrew Anikin in Webpack — русскоговорящее сообщество
без jquery 👨‍💻
Делайте подписку на ошибку и делайте throw new Error()
Попробовал, сдыхает вся дев сборка
источник

б

без jquery 👨‍💻 in Webpack — русскоговорящее сообщество
Andrew Anikin
Попробовал, сдыхает вся дев сборка
Видимо у вас сдыхание сборки при ошибке стоит
источник

б

без jquery 👨‍💻 in Webpack — русскоговорящее сообщество
Либо console.error, я хз
источник

AA

Andrew Anikin in Webpack — русскоговорящее сообщество
Нашел то, что нужно - опция async в fork-ts-checker-webpack-plugin. @kurzdor спасибо за помощь
источник

RG

Roman Goncharuk in Webpack — русскоговорящее сообщество
привет всем!
у меня проект на RoR
gem webpacker я установил
на этом всё?..
мне не надо устанавливать webpack как рассказывается во всём интернете?
источник

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
Roman Goncharuk
привет всем!
у меня проект на RoR
gem webpacker я установил
на этом всё?..
мне не надо устанавливать webpack как рассказывается во всём интернете?
не надо
запускаешь через bin/webpack-dev-server
источник

RG

Roman Goncharuk in Webpack — русскоговорящее сообщество
Roman Usherenko
не надо
запускаешь через bin/webpack-dev-server
понял спасибо!

ато начал сомневаться - думал не доделал

Рома и остальные, один из наших сделал сайт для менторства

vladcode.ru

приходите регистрируйтесь как наставники, все будут рады

речь идёт об оплаченной передаче знаний и умений

спасибо ещё раз
источник

В

Владимир in Webpack — русскоговорящее сообщество
Добрый день,
есть страый проект который использует bower и usemin. Пытаюсь перевести его на более современные интсрументы. На первом этапе хочу заменить usemin на webpack. Создал файл index.js и заполнил его строчками вида

require('./bower_components/moment/moment.js')

Так же использую imports-loader и exports-loader. Возникла проблема, некоторые библиотеки используют такой код чтобы подгружать зависимости

(function (root, factory) {
   "use strict";

   /*global define*/
   if (typeof define === 'function' && define.amd) {
       define(['moment'], factory);                 // AMD
   } else if (typeof exports === 'object') {
       module.exports = factory(require('moment')); // Node
   } else {
       factory(root.moment);                        // Browser
   }
}(this, function (moment) {
...
}

Я могу использовать require('imports-loaders?define=>false!./path/to/lib.js') чтобы заставить библиотеку не использовать AMD метод для загрузки зависимости. А вот imports-loaders?exports=>false!.... не работает.
Как-то можно это сделать - заставить библиотеку не использовать CommonJS метод для загрузки зависимости?
источник