Size: a a a

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

2019 June 27

DC

Danil Chekalin in Webpack — русскоговорящее сообщество
тебе нужен динамический импорт с выделением каждого css файла в отдельный бандл
источник

DC

Danil Chekalin in Webpack — русскоговорящее сообщество
чтобы при выполнение js происходит запрос на css файл
источник

VV

Vadim Veleshko in Webpack — русскоговорящее сообщество
<template>
   <button :class="styles.button">theme {{ theme }}</button>
</template>

<script>
 export default {
   name: "theme-button",
   props: ['theme'],
   computed: {
     styles: function () {
       return require(`./themes/${this.theme}.css`);
     }
   }

 }
</script>
источник

VV

Vadim Veleshko in Webpack — русскоговорящее сообщество
вот так завелось
источник

VV

Vadim Veleshko in Webpack — русскоговорящее сообщество
в исходнике только один инжект стилей
источник

DC

Danil Chekalin in Webpack — русскоговорящее сообщество
глянь что я тебе скинул
источник

VV

Vadim Veleshko in Webpack — русскоговорящее сообщество
да норм тема тоже, спасибо! мы так уже делали с джс
источник

VV

Vadim Veleshko in Webpack — русскоговорящее сообщество
да с динамик импортом тоже заработало
источник

NK

ID:223534118 in Webpack — русскоговорящее сообщество
Возможно ли заставить HtmlWebpackPlugin менять имя выходного файла, в зависимости от входного? Конструкция вида: filename: '[name].html' не помогла.
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
ID:223534118
Возможно ли заставить HtmlWebpackPlugin менять имя выходного файла, в зависимости от входного? Конструкция вида: filename: '[name].html' не помогла.
Env переменную попробуйте
источник

NK

ID:223534118 in Webpack — русскоговорящее сообщество
Alex CherryTea
Env переменную попробуйте
Может я не совсем правильно выразился. Суть такая. Есть шаблон pug. Есть входные js файлы. В них я подключаю нужные компоненты pug. На выходе хочу иметь html-ки с именами, которые были у входных js.
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Я даже хз, вебпаком сингл пейдж апликухи собирают обычно
источник

A

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

NK

ID:223534118 in Webpack — русскоговорящее сообщество
Это, конечно, не совсем так. Яркий пример - Vue/Nuxt. Но там такой конфиг, что в нём ещё сложнее разобраться.
источник

ЕД

Евген Добрый in Webpack — русскоговорящее сообщество
Евген Добрый
Ребят, кто-то сталкивался с настройками для jest? Тестов много и если их просто jest test запускать оперативки не хватает, сейчас оно делится типа npm test:1 && npm:test2 и сборщик очищает от предыдущего, но очень много дублей кода. Подскажите куда копать?

—maxWorkers и —runInBand не меняют ситуацию
Если кому-то интересно, решение такое, то что в комментах можно удалить, называем как угодно файл и добавляем в scripts - "yr_cmd":"node ..js"
источник

L

Lesha in Webpack — русскоговорящее сообщество
всем привет
Может кто-нибудь подсказать пример использования webpack-dev-server/middleware через ноду? Хочу посмотреть пример. Вуй уже смотрел.
источник
2019 June 28

DC

Danil Chekalin in Webpack — русскоговорящее сообщество
ID:223534118
Возможно ли заставить HtmlWebpackPlugin менять имя выходного файла, в зависимости от входного? Конструкция вида: filename: '[name].html' не помогла.
с помощью […] вроде нет, я делал это через маппинг
источник

DC

Danil Chekalin in Webpack — русскоговорящее сообщество
viewBindings: [
   {
     template: 'index.pug',
     outputFile: 'index.html',
   },
   {
     template: 'services__chatbots.pug',
     outputFile: 'services/chatbots/index.html',
   },
   {
     template: 'services__voicebots.pug',
     outputFile: 'services/voicebots/index.html',
   },
   ……
]
источник

DC

Danil Chekalin in Webpack — русскоговорящее сообщество
после в цикле пробегался
источник

DC

Danil Chekalin in Webpack — русскоговорящее сообщество
viewBindings.map((viewBinding) => {
     return new HtmlWebpackPlugin({
           template: `./src/html/view/${viewBinding.template}`,
           filename: viewBinding.outputFile,
           ….
источник