минуту назад это прочитал

Так сказать круто, но ничего не понятно как это сделать

День добрый,
подскажите пожалуйста, есть ли у кого готовый шаблончик конфига webpack  для приложения использующего leafletjs? Бьюсь второй день, никак не могу решить проблему с иконкой управления слоями :( Она подключается через CSS, и webpack переименоввывает ее в неизвестно что. Шапку прочитал, добавил Asset Module, не помогает ...  https://github.com/artello73/leaflet-template

попробуйте импортировать иконку в index.js с помощью import и подставить в параметры mergeOptions

при импорте получается как раз правильный путь к иконке с хэшами

плюс к тому же в JS-коде нужно указывать относительный путь к иконке, через ../../public/images/...

если поменять на относительный путь - иконки маркеров пропадают :(

попробуй перенести images в src, прописать в конфиге webpack

const path = require('path');
  
module.exports = {
...
  resolve: {
      alias: {
            '@': path.resolve(__dirname, 'src'),
    },
  },
...
}

и далее в index.js

import MakerIcon2x from '@/images/marker-icon-2x.png',
// ... импорты других иконок

L.Icon.Default.mergeOptions({
  iconRetinaUrl:  MarkerIcon2x
  // ...
});

хмм, походу webpack все находит и обрабатывает графические файлы.

asset 680f69f3c2e6b90c1812.png 2.41 KiB [emitted] [immutable] [from: src/images/marker-icon-2x.png] (auxiliary name: main)
asset 2b3e1faf89f94a483539.png 1.43 KiB [emitted] [immutable] [from: src/images/marker-icon.png] (auxiliary name: main)
asset 8f2c4d11474275fbc161.png 1.23 KiB [emitted] [immutable] [from: node_modules/leaflet/dist/images/layers-2x.png] (auxiliary name: main)
asset 416d91365b44e4b4f477.png 696 bytes [emitted] [immutable] [from: node_modules/leaflet/dist/images/layers.png] (auxiliary name: main)  
asset a0c6cc1401c107b501ef.png 618 bytes [emitted] [immutable] [from: src/images/marker-shadow.png] (auxiliary name: main)

а вот webpack-dev-server их подцепить не может

т.е. этот способ в webpack-dev-server не пашет :(

а mode как указываешь?

development/production

А что это даст? Какой профит? Будет больше бандлов и ?

пока никак, у меня в конфиге webpack только development mode указан

module.exports = {
 mode: 'development',

такой же профит как при распараллеливании любого друго-го процесса

ок. спасибо

не подскажите как внести исключения в vendors , мне надо исключить kluatr и  exharts