Size: a a a

JavaScript.Ninja

2021 October 18

IK

Illya Klymov in JavaScript.Ninja
посмотрите с помощью webpack bundle analyzer
источник

А

Андрей in JavaScript.Ninja
Зависит от ваших Вебпак настроек
источник

A

Andrey in JavaScript.Ninja
Сейчас попробую воспользоваться, спасибо
источник

A

Andrey in JavaScript.Ninja
Дефолтный laravel-mix + эти настройки
mix.webpackConfig({ ...
    output: {
           filename: '[name].js',
           publicPath: '/',
           chunkFilename: 'assets/react/[name].[contenthash].js',
       },
...

 mix.js('react/index.js', 'public/assets/react/')
       .extract([
           'axios',
           'react',
           'redux',
           'react-redux',
           'react-dom',
           'react-router-dom',
            ...
           'use-email-autocomplete',
           'react-webcam',
           'react-loader-spinner',
           '@reduxjs/toolkit'
       ])
       .reactCSSModules()
       .react()
       .version();
источник

А

Андрей in JavaScript.Ninja
Я так понял не юзает плагин HTMLWebpackPlugin?  А то не видно из кода
источник

M

Maksym in JavaScript.Ninja
Ребят,поставил th и td white-space no wrap  но я хочу управлять например width , но с white-space no wrap не могу, как исправить? или заменить на что то другое? чтоб текст не переносился, и колонке задавать ширину
источник

A

Andrey in JavaScript.Ninja
Судя по всему нет. По крайней мере явно. Пытаюсь гуглить есть ли он в laravel mix, пока не вижу
источник

А

Андрей in JavaScript.Ninja
new HtmlWebpackPlugin({
     inject: true,
     template: path.resolve(__dirname, ‘path’),
     //chunksSortMode: 'none'
   }),

Убрать из инжектируемого .html файла прямое подключение js файла и попробовать запустить. Есть его нет в ларавел то можно погуглить аналоги
источник

A

Andrey in JavaScript.Ninja
Сейчас буду пробовать, спасибо
источник

A

Andrey in JavaScript.Ninja
Воспользовался webpack bundle analyzer, насколько я понял - то все модули есть уже внутри index.js + дополнительно грузятся
Не совсем понимаю как это работает и как фиксить
источник

А

Андрей in JavaScript.Ninja
Вот как
источник

А

Андрей in JavaScript.Ninja
В главное html файлике подключаете скрипты ?
источник

A

Andrey in JavaScript.Ninja
Сейчас попробую ваш метод
источник

A

Andrey in JavaScript.Ninja
Да, 3 файла подключаю
  {!! Html::script(mix('assets/react/manifest.js'), array('defer' => true)) !!}
   {!! Html::script(mix('assets/react/vendor.js'), array('defer' => true)) !!}
   {!! Html::script(mix('assets/react/index.js'), array('defer' => true)) !!}
источник

A

Andrey in JavaScript.Ninja
Попробовал воспользоваться вашим советом, сработало немного "криво", но в сгенерированном html вижу что подключаются все те же сами 3 файла, указанные выше
Мне кажется проблема в самом вебпаке, что он собирает index.js без учета чанков
источник

А

Андрей in JavaScript.Ninja
А вы убрали подключение скриптов в html ?
источник

A

Andrey in JavaScript.Ninja
Да, убирал
В любом случае этот плагин генерирует новый html файл, это не совсем подходит в текущую реализацию
Я так понимаю что тут дело не в подключении, а в том что я смотрю в скомпилированный index.js и он всегда одного и того же размера
И судя по  webpack bundle analyzer все компоненты там есть всегда
источник

А

Андрей in JavaScript.Ninja
Страннно
источник

¿

¿Сергей? in JavaScript.Ninja
Агонь, рад за гитлаб, мне он очень сильно нравится в сравнении с всякими битбакетами и гитхабом..

https://kh.depo.ua/rus/kh/kharkivyanin-zaporozhets-stvoriv-startap-kapitalizatsiya-yakogo-syagnula-mayzhe-15-mlrd-202110181380134
источник

B

BiKTop in JavaScript.Ninja
источник