Спасибо!

Кто знает, как можно минифицировать названия классов (в css и html)?

как правило, даже gzip дает лучшие результаты, чем минификация классов

Спасибо.
Сейчас как раз это прочитал.

Откажусь от этой идеи

Кстати, кто знает, как решить проблему с указанием расширения файла при импорте?

Например, вот такой код выдает ошибку:

import "./assets/sass/main"

А вот такой работает нормально:

import "./assets/sass/main.sass"

тоже плохая идея
MyComponent.js:
import from '.' (подразумевается, что sass/scss/css)

Спасибо.

Гайз, какой-то очень дикий и странный баг реэкспорта.

Реэкспортится один файл в index.js, в проекте есть подобные модули. Но почему-то здесь "Module not found: Can't resolve ..."

Вначале файла копирайты, как и во всех остальных файлах приложения. Если добавить пробел где либо, или что-то из копирайта удалить, один символ, перенести строку реэкспорта вниз или вверх, то все работает.

Кто сталкивался с подобным?

Привет.

На данный момент, webpack подключает в файл index.html стили вот таким образом:

<link rel="stylesheet" href="/css/main.min.css">

А нужно вот так:

<link rel="preload" as="style" href="/css/main.min.css">


P.S: Использ. плагин MiniCssExtractPlugin.

Как такое можно реализовать?

https://github.com/GoogleChromeLabs/preload-webpack-plugin
Это не решит вашу проблему?

P.S. сам не использовал, но заинтересовался вашей проблемой и решил поискать возможное решение

Спасибо!
Как раз то что нужно!

Как настрою опишу, стоит ли использовать.

Ребята, всем привет. Подскажите пожалуйста, пытаюсь настроить webpack-encore, чтобы создать следующую структуру файлов, после компиляции:
assets/
— admin/<files for admin>
— site/<files for frontend>
— admin.js (entry file for admin)
— frontend.js (entry file for frontend)
Файлы для компиляции лежат по пути public/backend и public/frontend, как правильно написать путь в addEntry? Я делаю вот так

.setOutputPath('public/build/')
.addEntry('app', '/public/backend/assets/js/backend.js')

но вебпак ругается на меня при сборке, мол can't resolve, вроде не находит файлы по указанному пути, а они там точно есть(

Всем привет! Подскажите в вебпаке реально  настроить file-loader или url-loader, чтобы картинки подключенные в scss(css) файлах, имели пути от текущей директории где находится scss файл. Например есть parent.scss и есть child.scss который назодится во вложенной папке относительно parent.scss, и рядом с child.scss лежит файл background.svg. Нужно чтобы путь подключаемого изображения был таким: url(background.svg)

Приветы, может кто то может подсказать.

*) .scss с примерно таким кодом:

$rootSelector: "ui-icon";

.#{$rootSelector} {
  padding: var(--#{$rootSelector}--padding)
}

*) css-loader с { modules: true }
то есть будет что то вроде

.ui-icon-%smth_hash%

не могу сообразить, как обработать variables, чтобы вместо

--ui-icon--padding

было

--%smth_hash%--padding

То есть хочеца получить сгенерированный уникальный селектор внути .scss файла ака переменную,
чтобы делать что то вроде:

padding: var(--#{:root}--padding)

url(background.svg)  а почему не инлайном ?

есть большие изображения, это я к примеру написал svg