Полный цикл в digital

Общие ассеты Webpack

Давайте теперь попробуем общие ассеты. Сделаем так, чтобы картинки менее 8kb превращались в base64, картинки больше этого размера копировались в файл:

webpack.config.jsexport default {
  entry: "./src/index.js",
  output: {
    filename: "bundle.js",
    path: path.resolve("dist"),
  },
  module: {
    rules: [
      {
        test: /\.png$/,
        type: "asset",
      },
    ],
  },
  plugins: [new HtmlWebpackPlugin()],
};

Можно изменить ограничение на размер картинки. Для примера, наложим ограничение в 4kb:

webpack.config.jsexport default {
  entry: "./src/index.js",
  output: {
    filename: "bundle.js",
    path: path.resolve("dist"),
  },
  module: {
    rules: [
      {
        test: /\.png$/,
        type: "asset",
        parser: {
          dataUrlCondition: {
            maxSize: 4 * 1024, // 4kb
          },
        },
      },
    ],
  },
  plugins: [new HtmlWebpackPlugin()],
};
Заполните форму уже сегодня!
Для начала сотрудничества необходимо заполнить заявку или заказать обратный звонок. В ответ получите коммерческое предложение, которое будет содержать индивидуальную стратегию с учетом требований и поставленных задач
Работаем по будням с 9:00 до 18:00. Заявки, отправленные в выходные, обрабатываем в первый рабочий день до 12:00.
Спасибо, ваш запрос принят и будет обработан!
Эйч Маркетинг