Size: a a a

Webpack — русскоговорящее сообщество

2020 January 26

ВВ

Владислав Ворон in Webpack — русскоговорящее сообщество
John Smith
по первому вопросу, это вроде больше по сасс вопрос, и если я правильно понял из документации, то имя index,scss в components/top-app-bar должно начинаться с "_", но это не точно, потому что я не специалист по sass, и когда Вы пишете про псевдонимы путей, Вы имеете в виду раздел alias из конфигурации webpack?
Да, именно эти.
источник

ВВ

Владислав Ворон in Webpack — русскоговорящее сообщество
John Smith
по первому вопросу, это вроде больше по сасс вопрос, и если я правильно понял из документации, то имя index,scss в components/top-app-bar должно начинаться с "_", но это не точно, потому что я не специалист по sass, и когда Вы пишете про псевдонимы путей, Вы имеете в виду раздел alias из конфигурации webpack?
Спс. По сасс все совершенно точно ответил.
источник

JS

John Smith in Webpack — русскоговорящее сообщество
Владислав Ворон
Спс. По сасс все совершенно точно ответил.
то есть проблема была в имени индекса?
источник

ВВ

Владислав Ворон in Webpack — русскоговорящее сообщество
John Smith
то есть проблема была в имени индекса?
Да. Если ставим _ , то sass понимает чего от него нужно.
источник

JS

John Smith in Webpack — русскоговорящее сообщество
а ну это напрямую из сассовской доки, я ее как раз открыл и прочитал что такое use, и в частности как он работает с индекс файлами: https://sass-lang.com/documentation/at-rules/use#index-files
источник

JS

John Smith in Webpack — русскоговорящее сообщество
просто по тильде я не понял зачем от нее избавляться, если это особенность синтаксиса сасса, как я понял
источник

ВВ

Владислав Ворон in Webpack — русскоговорящее сообщество
John Smith
а ну это напрямую из сассовской доки, я ее как раз открыл и прочитал что такое use, и в частности как он работает с индекс файлами: https://sass-lang.com/documentation/at-rules/use#index-files
Да не. Тильда не критична. Просто режет глаз, а так работает и хорошо.
источник

JS

John Smith in Webpack — русскоговорящее сообщество
Режет глаз тильда? - Переходите на стилус! Там нет всех этих никому не нужных значков и тильды тоже)
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
?
источник

AB

Artyom Burkan in Webpack — русскоговорящее сообщество
Владислав Ворон
Да не. Тильда не критична. Просто режет глаз, а так работает и хорошо.
В angular файлы scss создаются без нижнего подчёркивания. Это действительно нужно?
источник

I

Ivan in Webpack — русскоговорящее сообщество
Мне нужно в dist перенести pug файлы. В html их конвертировать не нужно, т.к. используется их pug-функциональность, в плане переменных. Какэто лучше сделать? Я пока смотрю на обычный CopyWebpackPlugin.
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
Ivan
Мне нужно в dist перенести pug файлы. В html их конвертировать не нужно, т.к. используется их pug-функциональность, в плане переменных. Какэто лучше сделать? Я пока смотрю на обычный CopyWebpackPlugin.
почему пока? его и надо юзать, для переноса неимпортируеммых ассетов.
источник

I

Ivan in Webpack — русскоговорящее сообщество
Konstantin Sedykh
почему пока? его и надо юзать, для переноса неимпортируеммых ассетов.
я подумал, вебпак может как-то может собрать из pug файлов что-то другое, например добавить в них template
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
не понятно. то не нужна pug функциональность, то нужна. нельзя частично обработать pug. если нужны какие нибудь нестандартные действия с файлами, то копи-плагин может принимать функцию-мидлвар, в которой можно модифицировать файл (я так манифесты из конфига заполнял).
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
const modify = (buffer, props) => { // copy-webpack-plugin passes a buffer const manifest = JSON.parse(buffer.toString()); // make any modifications you like, such as Object.assign(manifest, props); // pretty print to JSON with two spaces return JSON.stringify(manifest, null, 2);};
...
{ from: path.resolve(__dirname, "src/manifest.json"), to: path.resolve(__dirname, "dist/manifest.json"), // eslint-disable-next-line no-shadow transform(content, path) { return modify(content, { name: config.title, // eslint-disable-next-line babel/camelcase short_name: config.shortName, orientation: config.orientation, version: config.version }); }
источник

I

Ivan in Webpack — русскоговорящее сообщество
Konstantin Sedykh
не понятно. то не нужна pug функциональность, то нужна. нельзя частично обработать pug. если нужны какие нибудь нестандартные действия с файлами, то копи-плагин может принимать функцию-мидлвар, в которой можно модифицировать файл (я так манифесты из конфига заполнял).
Ну, смотри. Есть pug-шаблон, который extends другими pug-файлами. т..е. каждый раз идёт запрос к двум файлам. Быть может есть плагин, который делает один pug-файл на основе шаблона.
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
Ivan
Ну, смотри. Есть pug-шаблон, который extends другими pug-файлами. т..е. каждый раз идёт запрос к двум файлам. Быть может есть плагин, который делает один pug-файл на основе шаблона.
вряд-ли...
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
как вариант можно обернуть переменные своим модификатором (например -[[ val ]]-`). стандартно обработать pug (инжектить фрагменты), а потом заменить свои модификаторы на дефолтные, например define плагином.
источник

I

Ivan in Webpack — русскоговорящее сообщество
Konstantin Sedykh
как вариант можно обернуть переменные своим модификатором (например -[[ val ]]-`). стандартно обработать pug (инжектить фрагменты), а потом заменить свои модификаторы на дефолтные, например define плагином.
какие-то сложности начались. Уж лучше скопирую.
источник

I

Ivan in Webpack — русскоговорящее сообщество
Нужна ли строка const webpack = require('webpack'); в конфиге вебпака 4?
источник