Блог

Главная - Вопросы по программированию - Как добавить загрузчики веб-шрифтов и изображений в webpack

Как добавить загрузчики веб-шрифтов и изображений в webpack

#node.js #webpack

#node.js #webpack

Вопрос:

Я хотел бы включить веб-шрифты и загрузчик изображений в свой проект. В моей конфигурации webpack есть следующие правила:

   {
    test: /.(png|svg|jpg|gif)$/,
    use: [
      {
        loader: "file-loader",
        options: {
          outputPath: "./images",
          publicPath: "./images",
          name: "./[name].[ext]",
        },
      },
    ],
  },
  {
    test: /.(woff|woff2|eot|ttf|svg)$/,
    loader: "url-loader",
    options: {
      outputPath: "./webfonts",
      publicPath: "./webfonts",
      name: "./[name].[ext]",
    },
  },

Но когда я запускаю npm run build , он создает веб-шрифты в папке /images в папке dist. Как я могу запретить webpack делать это?

Комментарии:

1. Похоже, что url-loader файлы не записываются на диск, а только преобразуются в base64, что означает, что такой опции нет outputPath ? Вы, должно быть, неправильно поняли?

2. не могли бы вы объяснить подробнее, пожалуйста 🙂 я новичок в webpack

3. Просто прочитайте это chriscourses.com/blog/loading-fonts-webpack чтобы определить, какой загрузчик подходит для вашего приложения