Да это помогло, спасибо!))

Кто вкурсе, как сделать автономный сайтмап проекта при компиляции? чтобы при сборке бандла, просто чекались все htmlки и вставлялись названия страничики и путём к ней в ссылке. пробовал кастомно HtmlWebpackPlugin настроить, чёт не вышло

так откуда билд знает, какие страницы у тебя каким путям соответствуют

дак я же в конфиге и прописываю куда они должны попасть) я уже почти решил вопрос

осталось решить вопрос с переменными у htmlWebpackPlugin

никто не вкурсе как подружить переменные от плагина с html-loader?)

из-за лоадера, он не видит их

привет, создаю вторую страничку
       new HtmlWebpackPlugin(), // Generates default index.html
       new HtmlWebpackPlugin({
           template: './index2.html'
       }),
как мне заливать на нее стили и скрипты?

Ни кто не сталкивался с таким?

а что у тебя происходит?

Не грузит стили и скрипты, только в первую страницу.

покажи конфиг полностью

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const {CleanWebpackPlugin} = require('clean-webpack-plugin');
const { stringify } = require('querystring');



module.exports = {
   context: path.resolve(__dirname, 'src'),
   mode: 'development',
   entry : {
       main: './index.js'
   },
   output: {
       filename: '[name].[contenthash].js',
       path: path.resolve(__dirname, 'dist')
   },
   resolve: {
       extensions: ['.js', '.png', 'svg']
   },
   optimization: {
       splitChunks: {
           chunks: 'all'
       }
   },
   devServer: {
       port: 8000
   },
   plugins: [
       new HtmlWebpackPlugin(), // Generates default index.html
       new HtmlWebpackPlugin({
           template: './index2.html'
       }),

       new CleanWebpackPlugin()
   ],
   module: {
       rules: [
           {
               test: /\.css$/,
               use: ['style-loader','css-loader']
           },
           {
               test: /\.(ttf|woff|woff2|eot)$/,
               use: ['file-loader']
           },
           {
               test: /\.(png|jpeg|gif|svg)$/,
               use: ['file-loader']
           }
       ]
   }
}

сорян за портянку, лайтшот умер на линуксе)

хм вроде все ок

да и я вот не вкурю.

Просто перенес файлик index.css на верх в index,js и заработало, потрачено 3ч.

всем привет!

хочу отдельный модуль загружать со всеми его зависимостями лениво

import позволяет грузить сам модуль лениво, но npm пакеты его все равно попадут в общий код - а нужно чтобы были только в этом бандле

я так понимаю нужно завести entry, но как его потом в коде загрузить?

тебе надо настроить optimization. почитай статьи chunk splitting lazy loading

если будут вопросы - пиши