How to include third-party libraries in the assembly?

Question

webpack

Hello! I'm using Webpack and I have a build issue. I have third party folders with fonts and pictures. Is it possible to somehow bind them to the config so that they also appear in the project during the build?

Answer 1

If these fonts and images should not be included in the build (and they probably shouldn't), then just put them in the "public directory".

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

Then somewhere in the code...

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

And the build directory: