Как включить в сборку сторонние библиотеки?

Question

[Евгений Кучеренко]

Здравствуйте! Использую Webpack, возник вопрос по сборке. У меня есть сторонние папки со шрифтами и картинками. Можно ли их как-то привязать к конфигу, чтобы при сборке они также появлялись в проекте?

Answer 1

[Максим]

Если эти шрифты и картинки не должны участвовать в сборке (а они скорее всего не должны), то просто кладите их в "public директорию".

...
// для продакшен конфига
output: {
    path: path.join(__dirname, 'production/public/'),
    filename: 'bundle.js',
    publicPath: '/',
  },
...
// для dev конфига
output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js',
    publicPath: '/static/'
  },
...

Затем где-то в коде...

...
.mac-bg {
  background: url(/static/i/service/mac-bg.jpg) no-repeat;
  background-size: cover;
}
...

И директория билда:

Comments

[Евгений Кучеренко]

Например в моем html есть "< link href = " libs / font-awesome / font-awesome.min.css " rel = " stylesheet " / > ". Как это автоматически забилдить?

[Максим]

Евгений Кучеренко: не могу понят зачем.. ? это же сторонний css, его вообще надо с какой-нибудь maxcdn тянуть... Или вы имеете ввиду: как автоматически при билде скопировать файл из директорию А в директорию Б ?

[Евгений Кучеренко]

Максим: ну типа того, да. Я понимаю, что это можно включить в json как доп команды через терминал, но может webpack предоставляет такие возможности?

[Максим]

Евгений Кучеренко: тогда видимо это https://www.google.ru/webhp?sourceid=chrome-instan...

[Евгений Кучеренко]

Максим: вот это - оно!) спасибо!