Ответы пользователя по тегу Webpack
  • Как в webpack 5 картинки и шрифты закинуть в отдельные папки и работать с ними?

    @ruzzHammer
    В Webpack 5 используются Asset Modules вместо привычных raw-loader, file-loader, url-loader. Чтобы вернуть поведение 4й версии и пользоваться лоадерами, можно в правиле указать type: 'javascript/auto'.
    Больше инфы по ссылке
    Я использую следующий конфиг с ассет модулями, чтобы разложить картинки и шрифты по разным папкам, используя generator:

    module: {
        rules: [
         ....
          {
            test: /\.(woff|woff2|ttf|otf|eot)$/,
            type: 'asset/resource',
            generator: {
              filename: 'assets/fonts/[name][ext]'
            } 
          },
          {
            test: /\.(jpe?g|png|gif|svg|ico)$/,
            type: 'asset/resource',
            generator: {
              filename: 'assets/img/[name][ext]'
            } 
          }
         ....
        ],
      },
    Ответ написан
    Комментировать