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

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

974 members

Архив канала @webpack_ru 11 апреля 2018 г.

03:15:51 ДП
User 120820751
Приятного утра. 
Динамически хочу подключить языки в скрипте
import { resolve } from 'path';
const base = './etc/lang/';
console.log(require(resolve(base, 'en.po')));
Получаю
Error: Cannot find module "/path/etc/lang/en.po".
03:16:10 ДП
User 120820751
Подскажите почему так?
Файл по этому пути есть
03:16:42 ДП
User 120820751
fs.existsSync(resolve(base, 'en.po')) // true
03:17:00 ДП
User 120820751
это реакт приложение, собирается вебпаком
03:23:09 ДП
User 120820751
Кажется require хотел относительный путь
03:36:13 ДП
User 120820751
нет, нихрена
03:36:30 ДП
User 120820751
если просто реквайрить — всё ок. 
если в цикле — ничего не работает
06:58:47 ДП
User 67164223
чоооо
07:22:19 ДП
10:02:49 ДП
User 308402933
{
                test: /\.pug$/,
                use: [
                    {
                        loader: 'html-loader'
                    },
                    {
                        loader: 'pug-html-loader',
                        options: {}
                    }
                ]
            },
            {
                test: /\.html$/,
                use: [{
                    loader: "html-loader",
                    options: {
                        // minimize: true
                    }
                }]
            },
при рендеринге меняет пути к изображениям, как-то это можно отключить?
10:06:25 ДП
User 308402933
хз
console.log() Это походу не то что нужно тут)
11:50:11 ДП
User 224769697
Ребят, подскажите плиз как правильно )
сейчас в конфиге вебпака есть такие строки
 output: {
    publicPath: '/'
  },
.....
  plugins: [
    new HtmlWebPackPlugin({
      template: "./public/index.html",
    })
  ]
я хочу publicPath заменить на /public/ чтобы в src картинок прописывать не '/public/img..' а просто  /img/
но если я пишу publicPath: '/public/' то как правильно записывать template в HtmlWebPackPlugin? я по разному пробовал, но пишет 404s will fallback to /index.html
11:52:15 ДП
User 586680982
User 224769697
Ребят, подскажите плиз как правильно )
сейчас в конфиге вебпака есть такие строки
 output: {
    publicPath: '/'
  },
.....
  plugins: [
    new HtmlWebPackPlugin({
      template: "./public/index.html",
    })
  ]
я хочу publicPath заменить на /public/ чтобы в src картинок прописывать не '/public/img..' а просто  /img/
но если я пишу publicPath: '/public/' то как правильно записывать template в HtmlWebPackPlugin? я по разному пробовал, но пишет 404s will fallback to /index.html
new HtmlWebpackPlugin({
      filename: 'index.html',
      template: 'index.html',я точно не знаю, так пробовал?)
11:57:15 ДП
User 224769697
пробовал, не алё :С
12:14:21 ПП
User 308402933
ребята
12:14:27 ПП
User 308402933
как сделать чтобы все файлы из папки забирал вебпак
12:14:32 ПП
User 308402933
а не только что активное?
12:14:49 ПП
User 308402933
{
                test: /\.(png|jpg|jpeg|gif|svg)$/,
                use: [{
                    loader: 'file-loader',
                    options: {
                        name: '[path][name].[ext]'
                    }
                }]
            },
12:14:51 ПП
User 308402933
сейчас так
12:17:38 ПП
User 332814900
Имеешь ввиду самостоятельные файлы которые никуда не импортятся?
12:18:43 ПП
User 332814900
User 224769697
Ребят, подскажите плиз как правильно )
сейчас в конфиге вебпака есть такие строки
 output: {
    publicPath: '/'
  },
.....
  plugins: [
    new HtmlWebPackPlugin({
      template: "./public/index.html",
    })
  ]
я хочу publicPath заменить на /public/ чтобы в src картинок прописывать не '/public/img..' а просто  /img/
но если я пишу publicPath: '/public/' то как правильно записывать template в HtmlWebPackPlugin? я по разному пробовал, но пишет 404s will fallback to /index.html
publicPath - это путь с которого начинаются все твои роуты
12:19:06 ПП
User 332814900
domain.com/public будет являться основной директорией, domain.com - 404
12:19:44 ПП
User 332814900
Соответственно у всех путей будет префикс public
12:21:43 ПП
User 322514637
друзья, как по-быстрому посмотреть статистику по файлам?
в каком файле что прописать?
12:21:52 ПП
User 332814900
User 586680982
new HtmlWebpackPlugin({
      filename: 'index.html',
      template: 'index.html',я точно не знаю, так пробовал?)
new HtmlWebpackPlugin({
        template: 'assets/index.html',
        filename: 'index.html',
})template - путь до твоего файла, начиная от директории которую ты указал в context
filename - название файла на выходе насколько я понмю
12:22:01 ПП
User 308402933
User 332814900
Имеешь ввиду самостоятельные файлы которые никуда не импортятся?
да, тупо взять и перенсти всю папку из одного места в другое
12:23:37 ПП
User 332814900
webpack ищет все зависимости и их уже собирает, остальное он не видит, насколько я знаю, такой возможности нет
12:24:09 ПП
User 308402933
шикарнооо
паг с вебпаком не применять короче(
12:27:40 ПП
User 478207156
User 308402933
шикарнооо
паг с вебпаком не применять короче(
почему?
12:27:56 ПП
User 55943427
User 308402933
да, тупо взять и перенсти всю папку из одного места в другое
Разово или постоянно? Если разово при старте, то можно нод фс команду прописать
12:28:55 ПП
User 308402933
User 55943427
Разово или постоянно? Если разово при старте, то можно нод фс команду прописать
при каждой сборке вебпака
12:29:16 ПП
User 308402933
User 478207156
почему?
потому что то что в миксинах- эти файлы вебпак не забирает
такая хуйня вот
12:29:31 ПП
User 478207156
User 308402933
потому что то что в миксинах- эти файлы вебпак не забирает
такая хуйня вот
мб как-то фиксится?
12:29:36 ПП
User 55943427
Ну в старт впиши команду
12:29:39 ПП
User 478207156
он же должен читать
12:29:41 ПП
User 478207156
миксины
12:30:21 ПП
User 308402933
User 478207156
мб как-то фиксится?
прописывая соурсмап, например
но тогда ломаются пути до файлов, если у нас один миксин используется в разной вложенности файлов
и просто прописать везде свой путь не канает
12:30:31 ПП
User 308402933
короче я резко разочаровался в сборке вебпака+ пага
12:30:56 ПП
User 212795634
Ты же просто не осилил пути
12:32:18 ПП
User 308402933
а как их осилить? я беру переменную, для каждой страницы пишу свою, передаю её в миксин, в миксине учитываю в src
паг собирает его корректно
но потом приходит вебпак и переписывает эти пути так, как будто файл в корне
12:32:25 ПП
User 308402933
без понятия что с этим делать
12:32:32 ПП
User 308402933
так что я выключил соурс мап
12:51:36 ПП
User 168287897
хз на проекте юзали pug + angular + webpack норм работало. Правда год назад было конфиг не помню.
12:53:27 ПП
User 308402933
так вот ангуляр, да
12:53:30 ПП
User 308402933
а у меня без ангуляра)
02:11:42 ПП
User 322514637
друзья, как по-быстрому посмотреть статистику по файлам?
в каком файле что прописать?
02:13:15 ПП
User 134905826
User 322514637
друзья, как по-быстрому посмотреть статистику по файлам?
в каком файле что прописать?
webpack-bundle-analyzer
02:19:23 ПП
User 322514637
User 134905826
webpack-bundle-analyzer
запилил. спасибо 😊
07:17:25 ПП
07:17:26 ПП
User 322514637
Ребята, как убрать всё дерьмо из бандла? Полезной нагрузки — 5КБ, дерьма — 15
Если что, собираю для браузера.
07:18:54 ПП
User 322514637
другими словами, как сделать, чтобы "node_modules" не попадало в результирующий бандл?
07:24:14 ПП
User 212795634
О боже, лишние 15 кб
07:24:23 ПП
User 212795634
Это целых пол реакта
07:24:57 ПП
User 322514637
это целых 3 скрипта с полезной нагрузкой.
07:25:56 ПП
User 212795634
Там же полифиллы в основном
07:30:10 ПП
User 322514637
User 212795634
Там же полифиллы в основном
т.е. без этого никак в браузере?
а то меня настораживает "node_modules". Какое это имеет отношение к браузеру?
07:30:37 ПП
User 212795634
Там модули которые тянутся другими модулями
07:32:23 ПП
User 322514637
то, что я подключаю (sha256.min.js), не тянет за собой ничего.
я пробовал подключать напрямую, без бандла, замечательно либа работает
07:32:53 ПП
User 212795634
Я вижу
07:32:57 ПП
User 212795634
По картинке
07:33:34 ПП
User 212795634
Если приглядеться то можно увидеть откуда почти все эти 15 кб
07:34:01 ПП
User 322514637
из "node_modules"? 😊
07:34:15 ПП
User 212795634
Ну, почти
07:34:26 ПП
User 212795634
Точне так оно и есть
07:34:32 ПП
User 212795634
Core-js же
07:34:42 ПП
User 322514637
т.е. это не убрать?
07:34:52 ПП
User 212795634
А кто его импортировал?
07:35:09 ПП
User 322514637
скрипт с веб-воркером
07:35:20 ПП
User 212795634
Babel-polyfill юзаешь?
07:36:37 ПП
User 322514637
User 212795634
Babel-polyfill юзаешь?
вроде бы нет
07:37:07 ПП
User 212795634
Надо точно
07:37:21 ПП
User 322514637
нет, я не нашел в конфиге
07:37:31 ПП
User 212795634
А в жс файле?
07:38:03 ПП
User 212795634
Он импортируется же, хоть можно и в entry в конфиг закинуть
07:39:29 ПП
User 322514637
User 212795634
Он импортируется же, хоть можно и в entry в конфиг закинуть
сорри, немного не понимаю.
куда он импортируется?
или мне его нужно импортировать в скрипт? или в конфиг вебпака?
07:40:33 ПП
User 212795634
Сделай поиск короче по всему проекту, включая ноде модулес
По словам 
@babel/polyfill 
И
babel-polyfill
07:42:13 ПП
User 322514637
User 212795634
Сделай поиск короче по всему проекту, включая ноде модулес
По словам 
@babel/polyfill 
И
babel-polyfill
в коде проекта и в конфиге таких строк нет
07:42:26 ПП
User 322514637
User 322514637
в коде проекта и в конфиге таких строк нет
точно.
07:42:27 ПП
User 212795634
a core-js ?
07:43:54 ПП
User 322514637
"babel-register": {
      "version": "6.26.0",
      "resolved": "https://registry.npmjs.org/babel-register/-/babel-register-6.26.0.tgz",
      "integrity": "sha1-btAhFz4vy0htestFxgCahW9kcHE=",
      "dev": true,
      "requires": {
        "babel-core": "6.26.0",
        "babel-runtime": "6.26.0",
        "core-js": "2.5.3",
        "home-or-tmp": "2.0.0",
        "lodash": "4.17.5",
        "mkdirp": "0.5.1",
        "source-map-support": "0.4.18"
      }
    },
07:44:08 ПП
User 322514637
это в package-lock.json
07:44:31 ПП
User 322514637
"core-js": {
      "version": "2.5.3",
      "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.5.3.tgz",
      "integrity": "sha1-isw4NFgk8W2DZbfJtCWRaOjtYD4=",
      "dev": true
    },
07:44:58 ПП
User 322514637
в коде проекта нет такого
07:55:00 ПП
07:55:11 ПП
User 381490009
че за ошибка   парни
07:56:19 ПП
User 66779439
User 381490009
че за ошибка   парни
там же белым по синему написано
нету свойства bool у SOURCE_MAP
потому что SOURCE_MAP - undefined
07:57:19 ПП
User 381490009
User 66779439
там же белым по синему написано
нету свойства bool у SOURCE_MAP
потому что SOURCE_MAP - undefined
Я перенес проэкт с виндовса на мак и после переустановки зависимости  так стало
07:57:58 ПП
User 66779439
User 381490009
Я перенес проэкт с виндовса на мак и после переустановки зависимости  так стало
смотри что у тебя в process.env
вот из-за среды и слетело, нужно что-то переписывать
07:59:59 ПП
User 381490009
User 66779439
смотри что у тебя в process.env
вот из-за среды и слетело, нужно что-то переписывать
08:00:46 ПП
User 66779439
User 381490009
это ни о чем не говорит
08:01:15 ПП
User 381490009
Где посмотреть
08:02:18 ПП
User 66779439
User 381490009
Где посмотреть
выведи что у тебя там
08:02:50 ПП
User 381490009
User 66779439
выведи что у тебя там
что заскринить
08:03:11 ПП
User 66779439
User 381490009
что заскринить
да не нужно ничего скринить, я так понимаю ты вообще не знаешь что делать ?
08:03:43 ПП
User 381490009
User 66779439
да не нужно ничего скринить, я так понимаю ты вообще не знаешь что делать ?
я не сталкивался неразу с таким
08:06:44 ПП
User 66779439
User 381490009
я не сталкивался неразу с таким
с javascript или с чем вы не сталкивались ?
08:07:12 ПП
User 381490009
User 66779439
с javascript или с чем вы не сталкивались ?
с веб паком
08:08:17 ПП
User 66779439
User 381490009
с веб паком
вебпак не при чем, тебе объект нужно вывести в консоль, а ты картинки кидаешь )
08:14:27 ПП
User 322514637
User 212795634
a core-js ?
в общем, сделал вместо require('файл') —--> import ... from 'модуль',
и размер стал нормальный
08:15:20 ПП
User 212795634
А, ну понятно
08:15:21 ПП
User 478207156
User 381490009
с веб паком
Я тебя значение undefined
08:15:45 ПП
User 478207156
Найди ошибку в коде
08:16:20 ПП
User 478207156
User 322514637
в общем, сделал вместо require('файл') —--> import ... from 'модуль',
и размер стал нормальный
А это как вообще? Оо
08:17:02 ПП
User 212795634
User 478207156
А это как вообще? Оо
Подтянулся ес модуль вместо cjs
08:17:09 ПП
08:17:18 ПП
User 478207156
Тупанул
08:23:45 ПП
User 381490009
User 478207156
Найди ошибку в коде
В js code?
08:24:35 ПП
User 478207156
User 381490009
В js code?
Ну у тебя есть process.env.SOURCE_MAP
08:24:49 ПП
User 478207156
Проверь, где ты его присваиваешь, и как.
08:25:13 ПП
User 478207156
И вообще, что он в себе содержит.
08:32:28 ПП
User 381490009
User 478207156
Ну у тебя есть process.env.SOURCE_MAP
08:59:12 ПП
User 381490009
User 478207156
И вообще, что он в себе содержит.
Оказывется evn фаил удалился
08:59:24 ПП
User 381490009
Все запустил
10:37:16 ПП
User 387884311
Что он хочет? я так понимаю это вебпак ругается, наверное какогото loader’а не хватает, но какого именно?