RU
Maria Sokolova
Это папка с css файлами, которые я указываю через include в css лоадере
туда можно не абсолютные пути писать, а куски или регулярки
Size: a a a
2020 August 07
MS
А где можно подробно почитать про эти самые регулярки или куски путей?
DM
Maria Sokolova
Всем привет!
У меня есть 2 папки с css файлами, я хочу, чтобы каждая папка собиралась в свой отдельный файл.
Каким образом это сделать? Прописать для css 2 объекта в module.rules с лоадерами, используя разные пути до папок?
У меня есть 2 папки с css файлами, я хочу, чтобы каждая папка собиралась в свой отдельный файл.
Каким образом это сделать? Прописать для css 2 объекта в module.rules с лоадерами, используя разные пути до папок?
Лучше чанки
DM
Maria Sokolova
А где можно подробно почитать про эти самые регулярки или куски путей?
Предлагаю скачать какой нить популярный опенсорс и посмотреть его конфиг. Не в ту сторону копаешь
e
Здравствуйте, подскажите, пожалуйста, в каком направлении двигаться,чтобы решить проблему. Не могу найти решение в сети.
Подключен react, страница на нем. Подключаю less через вебпак. Стили билдятся в папку dist. К странице стили подключаются, проблема в том, что они не применились.
https://github.com/zweitesherz/homework-xsolla/tree/5cbb3204b95db6ead6d3bf87e454148924d03f0d
А на выходе получаю
Подключен react, страница на нем. Подключаю less через вебпак. Стили билдятся в папку dist. К странице стили подключаются, проблема в том, что они не применились.
https://github.com/zweitesherz/homework-xsolla/tree/5cbb3204b95db6ead6d3bf87e454148924d03f0d
import React from 'react';
import stLess from './style.less'
function App() {
return <div className={stLess.message}>Hellol!</div>
}
export default App;
А на выходе получаю
<html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="styles.css" rel="stylesheet"></head>
<body>
<div id="root">Hello!</div>
<script src="main.js"></script>
</body></html>
e
Проблема решена )
A
Проблема решена )
import “./style.less”?
A
А, там класс не вставлялся
A
css-модули
e
modules:true
С
Ребят нужен такой плагин:
При окончании отдачи страниц htmlWebpackPlugin плагин должен пройтись по всем html и удалить регуляркой что мне нужно.
У меня пустые классы и тому подобдно есть, бесит это. Нашел один плагин который делает это, но с webpac4 он не работает
При окончании отдачи страниц htmlWebpackPlugin плагин должен пройтись по всем html и удалить регуляркой что мне нужно.
У меня пустые классы и тому подобдно есть, бесит это. Нашел один плагин который делает это, но с webpac4 он не работает
A
пустые класссы в html?
A
Ребят нужен такой плагин:
При окончании отдачи страниц htmlWebpackPlugin плагин должен пройтись по всем html и удалить регуляркой что мне нужно.
У меня пустые классы и тому подобдно есть, бесит это. Нашел один плагин который делает это, но с webpac4 он не работает
При окончании отдачи страниц htmlWebpackPlugin плагин должен пройтись по всем html и удалить регуляркой что мне нужно.
У меня пустые классы и тому подобдно есть, бесит это. Нашел один плагин который делает это, но с webpac4 он не работает
A
прочитали, прошлись регуляркой, записали туда же под тем же именем - примерно 6-10 строчек кода
С
Написать модуль, а его можно будет как-то превратить в плагин?
A
можно конечно
С
Понял, спасибо 😊, напишу отдельный плагин под новую версию webpack
A
это чуть сложнее чем просто запустить скрипт после сборки но за час разберетесь
С
это чуть сложнее чем просто запустить скрипт после сборки но за час разберетесь
Спасибо =))