1

Хочу переложить картинки из исходников в директорию сборки, сохраняя относительные пути. Пока настроено вот так.

{ 
  test: /\.(jpg|jpeg|png)$/,
  use: [
         {
           loader: "file-loader",
           options: {
                      name: '[name].[ext]',
                      outputPath: 'img/',
                      publicPath: 'img/'
                    }
         }
       ]
}

Разумеется, всё падает кучей. А как сказать загрузчику, чтобы он взял нужный кусок пути у исходника?

2
  • Что значит нужный кусок у исходника? можно пример? 2 фев 2018 в 19:00
  • файл \folder\folder\src\img\folder\image-1.jpg перенести в папку build с путём, который у неё был относительно папки src. Не кусок исходника, а "нужный кусок пути у исходника". 2 фев 2018 в 19:59

1 ответ 1

3

Для этого есть ряд плейсхолдеров. Например: [path] - относительный путь, а [ext] - расширение. Данный пример name: '[path][name].[ext]' создаст в 'output' файл с тем же путём, что был у оригинала относительно папки 'context', которая по умолчанию есть расположение 'entry'. Так же 'context' можно указать загрузчику вручную. Так же сработает такая комбинация:

{
    loader: "file-loader",
    options: {
                  name: '[name].[ext]',
                  useRelativePath: true
             }
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.