new HtmlWebpackPlugin({
     template: './index.html'
   }),

у меня есть\

plugins: [
   new HtmlWebpackPlugin({
     template: './src/index.html'
   }),
       new CleanWebpackPlugin(),
 ]

Есть мнение что ты не до конца понимаешь как оно вообще работает, если хочешь добро пожаловать в личку через

50 мин

Или позже

Если ответят до - круто, просто я пока занят

да чутка не очень понимаю, но я вроде все сделал как писало, и в итоге изображение и шрифты не перенесло... Напишу в личку.. Спасибо

Ну так если надо перенести ассеты то лоадер и не нужен через плагин пропустить их и все

Смотря какая цель, может это кривота, а может нет

а как в итоге решить мою проблему то?) На примерах у них все работало - а у меня ничего не происходит с картинками, шрифтами)

Согласен

картинки и шрифты подключай в стилях. ассеты переноси через copywebpackplugin, тогда кроме стилей ничего импортировать и загружать через лоадеры не нужно.

Но я одно то понять не могу, почему именно сейчас у меня оно не переносит? А там где описывают работу вебпак и дали инструкцию именно так сделать - у них работает?)

Я делал так один раз все по ГОСТ как Константин и описал

Их из стилей отрезолвить должно если стили обрабатываются

Не надо ничего там насильно копировать

Вот весь мой конфиг

const path = require("path"); // подключаем path к конфигу вебпак
const HtmlWebpackPlugin = require("html-webpack-plugin");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
module.exports = {
  entry: { main: "./pages/index.js" },
  output: {
    path: path.resolve(__dirname, "dist"),
    filename: "main.js",
    publicPath: "",
  },
  mode: "development",
  devServer: {
    contentBase: path.resolve(__dirname, "./dist"), // путь, куда "смотрит" режим разработчика
    compress: true, // это ускорит загрузку в режиме разработки
    port: 2222, // порт, чтобы открывать сайт по адресу localhost:8080, но можно поменять порт

    open: true, // сайт будет открываться сам при запуске npm run dev
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        use: "babel-loader",
        exclude: "/node_modules/",
      },
      // добавили правило для обработки файлов
      {
        // регулярное выражение, которое ищет все файлы с такими расширениями
        test: /\.(png|svg|jpg|gif|woff(2)?|eot|ttf|otf)$/,
        type: "asset/resource",
        exclude: "/node_modules/",
      },
    ],
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: "./index.html", // путь к файлу index.html
    }),
    new CleanWebpackPlugin(),
  ],
};

нет ничего не будет само резолвится (во всяком случае без танцев с бубном), ни в css, ни в saas. все ссылки останутся как они есть.

Как интересно у меня тогда на проекте шрифты в дист попадают без копи плагина в зависимостях...