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

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

974 members

Архив канала @webpack_ru 10 октября 2017 г.

11:32:42 ДП
User 381490009
ребят всем привет
11:33:50 ДП
User 381490009
что может быть верстаю через вебь пак  приверстке все шикарно  но когда собрал командой нпи рун билд   сайт собрался в папку drist  и  уже там когда открыл сайт нет ни шрифтов не картинок не стилей  ХОТЯ  В самих папках они есть
11:34:18 ДП
User 381490009
понимаю  что пути  нопробовал разные не помогает
11:35:18 ДП
User 381490009
вот что  в консоли
11:35:20 ДП
11:36:21 ДП
User 156805060
верстаю через вебпак, собираю в папку дрист. кажется где то здесь проблемы 😃
11:38:11 ДП
User 107282384
User 381490009
вот что  в консоли
Вот смотри. Где ты подключаешь все эти css и прочее??
11:38:18 ДП
User 107282384
можешь мне строчку скинуть?
11:38:36 ДП
User 381490009
так  все через веб пак
11:38:43 ДП
User 381490009
веб пак собирает
11:38:51 ДП
11:38:54 ДП
User 381490009
не вручную подключаю
11:39:05 ДП
User 107282384
А на выходе куда указывается все?)
11:39:16 ДП
User 381490009
в дист
11:39:18 ДП
11:39:21 ДП
User 107282384
в index.html покажи мне
11:39:45 ДП
11:39:55 ДП
User 381490009
а   он сжатый
11:40:06 ДП
User 381490009
веб пак то сжимает его
11:40:18 ДП
User 381490009
монифицирует
11:40:20 ДП
User 107282384
Ну разожми...
11:40:25 ДП
User 107282384
У тебя же webstorm?
11:40:29 ДП
User 107282384
АААААААААААА МАЙ ГАД
11:40:33 ДП
User 107282384
у тебя notepad ++
11:40:35 ДП
User 381490009
именно
11:40:37 ДП
11:40:40 ДП
User 381490009
нет нет нет
11:40:50 ДП
User 381490009
то я конфиг им открыл
11:40:56 ДП
User 381490009
а так веб шторм
11:40:58 ДП
User 107282384
если у тебя webstrom
11:41:03 ДП
11:41:23 ДП
User 107282384
то контрол А а потом ctrl+ alt + L
11:42:01 ДП
User 381490009
окей  ща
11:42:38 ДП
User 107282384
в html должны быть... пути подключения всего
11:42:41 ДП
11:42:46 ДП
User 107282384
script src
11:44:44 ДП
User 107282384
Я уже тебе отвечал...
11:45:20 ДП
11:45:42 ДП
11:45:48 ДП
User 107282384
смотри на 73 строку
11:46:07 ДП
User 107282384
у тебя не правильно прописанны пути
11:46:07 ДП
User 107282384
у тебя в путях стоит типа path="/public/...."
11:46:07 ДП
User 107282384
А надо
 path="public/.../"
11:46:19 ДП
User 107282384
Это я тебе отвечал в nodejs канале..
11:46:40 ДП
User 107282384
Вот на 73ей строке вместо href=/static поставь href=static/
11:46:45 ДП
User 107282384
И попробуй
11:46:47 ДП
User 107282384
Обновить
11:48:22 ДП
11:48:26 ДП
User 381490009
все робит
11:48:31 ДП
User 107282384
Ахуеть
11:48:39 ДП
User 107282384
А почему тебе 2 часа назад этот овтет не помог? оО
11:48:49 ДП
User 381490009
так а какого  хуя веб пак  ставит сей слеш
11:48:52 ДП
User 107282384
Ну ладно, теперь разобратся, почему webpack делает от корня
11:49:09 ДП
User 107282384
User 381490009
попробуй в путях удалить
11:49:23 ДП
User 107282384
убрать этот шфблон/dist/
11:49:28 ДП
User 107282384
оставить только static
11:49:42 ДП
User 381490009
так  и было
11:49:46 ДП
User 381490009
неработало
11:49:51 ДП
User 107282384
Без  слеша
11:49:52 ДП
User 381490009
я добавил шаблон
11:50:24 ДП
User 107282384
Без слеша было?
11:50:39 ДП
11:50:43 ДП
11:50:49 ДП
11:50:51 ДП
User 107282384
если не получится
11:50:56 ДП
User 107282384
попробуй ./static
11:51:02 ДП
User 107282384
точка слеш
11:51:10 ДП
11:51:19 ДП
User 381490009
ща пересоберу
11:56:21 ДП
11:56:39 ДП
User 381490009
ни с слешом не с слеш точка
11:56:44 ДП
User 381490009
ниробит
11:56:56 ДП
User 107282384
А теперь какой путь пишет?
11:57:01 ДП
User 107282384
В том же html
11:57:02 ДП
11:57:04 ДП
User 107282384
опять со слешом?
11:57:08 ДП
User 107282384
и ошибку опять покеж
11:57:17 ДП
11:58:09 ДП
User 381490009
все тожесамое
11:58:27 ДП
User 381490009
может перезапуск нужен?
11:58:34 ДП
User 107282384
Не знаю..
11:58:34 ДП
User 381490009
веб пака
11:58:36 ДП
User 107282384
попробуй
11:58:45 ДП
User 107282384
Но проблема ТОЛЬКО в путях
11:58:53 ДП
User 107282384
надо тебе разобратся
11:58:56 ДП
User 107282384
почему от корня
12:14:04 ПП
12:14:30 ПП
User 381490009
уже вручную пишу и нехочет картинкиработать
12:14:46 ПП
User 242946344
русский язык как минимум
12:15:08 ПП
User 242946344
путь к картинке указан '..static', а должен '../static'
12:16:11 ПП
User 381490009
может модуль какой-то режит   &
12:16:14 ПП
12:16:19 ПП
User 381490009
тоже самое
12:16:44 ПП
12:16:46 ПП
User 242946344
а уверен что путь корректный?
12:17:01 ПП
User 242946344
бо у тебя вываливается с папки проекта
12:17:15 ПП
User 242946344
а по идее, должно быть в той же папке
12:17:20 ПП
User 242946344
я так понимаю, dist
12:17:59 ПП
User 242946344
к тому же
12:18:11 ПП
User 242946344
у тебя походу еще и сервер незапущен что может раздавать картинки
12:18:15 ПП
User 381490009
ну  а какой я разные пробовал  могу скинуть конфиг
12:18:36 ПП
User 242946344
User 381490009
ну  а какой я разные пробовал  могу скинуть конфиг
не '../' точно
12:18:42 ПП
User 242946344
ты сколько программируешь то?
12:18:58 ПП
User 381490009
новичек  с веб паком я впервые
12:19:06 ПП
User 146494977
User 381490009
'/' нормальные слеши это норма для винды?
12:19:07 ПП
User 242946344
тут вебпак вообще не при чем
12:19:23 ПП
User 146494977
Мб тут '\'?
12:19:29 ПП
User 242946344
User 146494977
'/' нормальные слеши это норма для винды?
был бы сервер какой то поднят было бы окей) У него и этого не сделано
12:19:51 ПП
12:20:32 ПП
User 146494977
User 242946344
был бы сервер какой то поднят было бы окей) У него и этого не сделано
Всё очень плохо
12:21:10 ПП
12:21:29 ПП
User 381490009
вот  же все нор при  npm run dev
12:21:38 ПП
12:21:49 ПП
User 242946344
Тебе нужно запустить сервер для раздачи статики в папке dev
12:22:01 ПП
User 242946344
Иди покури уроки и доку по вебпаку, ноде и npm)
12:22:39 ПП
User 381490009
окей хорошо  допустим
12:22:44 ПП
12:22:50 ПП
User 381490009
если я верно понимаю
12:22:58 ПП
User 381490009
то с папки дист
12:23:13 ПП
User 381490009
уже  готовое там все для заливки на хостинг
12:23:25 ПП
User 242946344
так точно
12:23:31 ПП
User 381490009
так причем здесь  сервер а на хостинге тогда что
12:23:46 ПП
12:24:07 ПП
User 242946344
Сервер - это программа в контексте программного обеспечения
12:24:18 ПП
User 381490009
если я  щас с папки дист выгружу на хостинг то будет тоже самое
12:24:27 ПП
User 242946344
в контексте компьютеров - это компьютер что постоянно работает и нацелен постоянно быть включенным
12:24:37 ПП
User 242946344
и тебе нужен сервер что будет раздавать статику
12:24:52 ПП
User 242946344
статика - это все твои файлы, что уже созданы и хранятся на жестком диске
12:25:07 ПП
User 381490009
аааааа тоесть  чтоб норм собралось нужно отдать статику
12:25:11 ПП
User 242946344
когда ты открываешь файл браузером - браузер лишь отображает этот файл
12:25:21 ПП
User 242946344
и в папке dist находится вся твоя статика
12:25:28 ПП
User 242946344
хостинг раздает статику
12:25:39 ПП
User 242946344
следовательно, и тебе на компе что бы окей работало нужно раздавать статику
12:25:39 ПП
User 381490009
дошлоо
12:25:48 ПП
User 381490009
дошло  блин
12:26:37 ПП
User 242946344
webpack в своем конфиге настроен раздавать статику, потому 'npm run dev' после полной сборки статики запускает сервер для раздачи статики и ты можешь зайти и нормально посмотреть свой сайт
12:27:00 ПП
User 242946344
а браузер с файловой системы не может эти файлы самостоятельно взять
12:27:01 ПП
12:27:11 ПП
User 242946344
потому что пути прописаны
12:27:26 ПП
User 242946344
что бы браузер сумел взять эти файлы - нужно жесткие ссылки делать на файлы от корня системы
12:27:35 ПП
User 242946344
но тогда сервер не сможет раздать эти файлы
12:28:04 ПП
User 242946344
я обычно для быстрого запуска сервера использую 'python -m SimpleHTTPServer'
12:28:06 ПП
User 381490009
кароче  нужен http  сервак
12:28:13 ПП
User 381490009
да  да  да
12:28:16 ПП
User 381490009
дошло
12:28:18 ПП
User 242946344
на хостинге тебе это нахер не нужно
12:28:32 ПП
User 242946344
хостинг - и есть сервер, но с ограниченным, для тебя, доступом
12:28:42 ПП
User 381490009
спасибо тебе )
12:28:57 ПП
User 242946344
охренеть петицию наваял
12:29:01 ПП
User 381490009
за нормальное обьяснение   правда я не спициально я просто новичек
12:29:37 ПП
User 242946344
используй какой то сервер для раздачи статики и все будет окей, или не долбайся и используй то что в вебпак написано
12:29:52 ПП
User 242946344
а потом спокойно на хост загрузи и будет тебе лафа
12:33:06 ПП
User 381490009
https://www.npmjs.com/package/http-server
npmjs.com/package/http-server
A simple zero-configuration command-line http server
12:33:12 ПП
User 381490009
покатит?
12:33:42 ПП
12:50:09 ПП
User 381490009
РЕБЯЯТ ПРИКИНЬТЕ  НА ХОСТЕ ВСЕ РОБИТ БЛИН СПАСИБО ВАМ
01:06:24 ПП
User 242946344
User 381490009
РЕБЯЯТ ПРИКИНЬТЕ  НА ХОСТЕ ВСЕ РОБИТ БЛИН СПАСИБО ВАМ
а я говорил)
01:06:56 ПП
User 381490009
спасибо тебе от души)
03:59:41 ПП
User 113489745
Ребят помогите пожалуйста подскажите куда копать
03:59:42 ПП
User 113489745
https://www.awesomescreenshot.com/image/2879790/30dea74694c283726b41b94a86fe5128
awesomescreenshot.com/image/2879790/30dea74694c283726b41b94a86fe5128
Awesome Screenshot
03:59:47 ПП
User 113489745
в гугле нормального ответа не нашел
03:59:56 ПП
User 113489745
по доке лазил ногу сломал.
04:01:00 ПП
User 242946344
User 113489745
Ребят помогите пожалуйста подскажите куда копать
предупреждения? Шрифты то работают или нет?
04:01:29 ПП
User 113489745
Шрифты работают - но блин... как то не очень - в исходнике верстки такой лабуды нет - это именно из вебпака лезет
04:01:37 ПП
User 113489745
уже и с лоадерами игрался.
04:01:40 ПП
User 113489745
не помогает
04:02:20 ПП
User 113489745
{
            test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
            use: [{
                loader: 'url-loader',
                options: {
                    limit: 10000,
                    name: path.posix.join('', 'font/[name].[hash:7].[ext]')
                }
            }],
        }]
04:02:31 ПП
User 113489745
вот такой лоадер.
04:02:43 ПП
User 113489745
может я философию вебпака не понимаю
04:02:46 ПП
User 113489745
или я просто криворукий
04:05:21 ПП
User 242946344
User 113489745
Шрифты работают - но блин... как то не очень - в исходнике верстки такой лабуды нет - это именно из вебпака лезет
ну тебе скучно живется)))
Забей и пускай живет так
Может это у браузера какой то заскок
04:05:41 ПП
User 113489745
перфекционизм в попец торкает.
04:05:47 ПП
User 113489745
ничего не могу поделать
08:40:20 ПП
User 131338045
ребят, взял за основу https://github.com/vuejs/vue-hackernews-2.0 и добавил WebSockets, на ноде "WebSocket" естественно нет, поэтому пришлось установить https://github.com/websockets/ws, потом установить зависимости: 

npm i --save-optional bufferutil utf-8-validator

и добавить в webpack.base.config.js:
 node: {
    fs: 'empty'
  },
чтоб компилилось без ошибок (хотя понятия често ноговоря не имею что эта опция означает)

но.. увы...
github.com/vuejs/vue-hackernews-2.0
HackerNews clone built with Vue 2.0, vue-router & vuex, with server-side rendering - vuejs/vue-hackernews-2.0
08:40:26 ПП
08:41:13 ПП
User 131338045
Critical dependency: the request of a dependency is an expression
и vendor вырос с 500кб до 1.7мб
08:42:04 ПП
User 131338045
я в полном недоразумении, видимо какие-то библиотеки для Node компилируются в клиент для браузера, есть у кого идея с чем это связанно и как с этим быть?
10:16:34 ПП
User 52321317
Не импортировать библиотеки node на клиент?
10:41:45 ПП
User 131338045
User 52321317
Не импортировать библиотеки node на клиент?
как?)
10:43:50 ПП
User 131338045
если я не буду импортировать в коде который выполняется как на клиенте так и на сервере 'ws' то на ноде код перестанет работать
10:44:05 ПП
User 131338045
ибо у Node.js нет WebSocket имплементации по умолчанию
10:59:40 ПП
User 52321317
Значит надо импортировать только на сервере
11:01:08 ПП
User 52321317
А ещё лучше, имхо, изоморфным делать только отдельные функции/классы, а композицию их составлять на каждой стороне по своему.
11:01:55 ПП
User 52321317
Так и fs на клиент притянуть можно)
11:17:11 ПП
User 131338045
User 52321317
А ещё лучше, имхо, изоморфным делать только отдельные функции/классы, а композицию их составлять на каждой стороне по своему.
в данном случае это классическая проблема кросс-платформенного API. у нас есть 2 разные: платформы, Node.js и браузеры

для того чтоб WebSockets работали и там и там - нужен унифицированный абстрактный интерфейс, который воплощается для каждой платформы отдельно

есть идея как это можно сделать?
11:24:08 ПП
User 310646080
User 131338045
в данном случае это классическая проблема кросс-платформенного API. у нас есть 2 разные: платформы, Node.js и браузеры

для того чтоб WebSockets работали и там и там - нужен унифицированный абстрактный интерфейс, который воплощается для каждой платформы отдельно

есть идея как это можно сделать?
Socket.io?
11:27:02 ПП
User 131338045
User 310646080
Socket.io?
socket.io требует своей библиотеки на сервере, а у нас сервер не на Node.js а на Go, левую библиотеку брать только ради поддержки socket.io клиента не желаю
11:27:28 ПП
User 131338045
к тому-же суб-протокол у нас свой
11:27:40 ПП
User 310646080
User 131338045
socket.io требует своей библиотеки на сервере, а у нас сервер не на Node.js а на Go, левую библиотеку брать только ради поддержки socket.io клиента не желаю
Блять, первая ссылка в гугле https://github.com/googollee/go-socket.io
github.com/googollee/go-socket.io
socket.io library for golang, a realtime application framework. - googollee/go-socket.io
11:27:59 ПП
User 131338045
User 310646080
Блять, первая ссылка в гугле https://github.com/googollee/go-socket.io
github.com/googollee/go-socket.io
socket.io library for golang, a realtime application framework. - googollee/go-socket.io
суб-протокол свой)
11:28:09 ПП
User 310646080
https://github.com/graarh/golang-socketio
github.com/graarh/golang-socketio
golang socket.io client and server. Contribute to graarh/golang-socketio development by creating an account on GitHub.
11:28:37 ПП
User 310646080
Какой субпротокол?
11:29:11 ПП
User 131338045
User 310646080
Какой субпротокол?
короче говоря: socket.io не рассматриваю

ищу возможность реализовать абстр. интерфейс отдельно на ноду и браузер