Для разных настроек в деве и проде мы используем разные конфиги для дева и прода

Нужно чтобы в зависимости от того дев режим или прод собирать жс немного по-разному, например подключать разные json-файлы, в которых можно описать нужные мне настройки

В конфигн вебпака настройте алиас на нужные файлы в зависимости от переменной окружения

Хелп,не понимаю в чём проблема указываю в html webpack plugin чанки , он их в файл html погружает,а в подключенных файлах нет всех скриптов из node modules ,типо всякие слайдеры и тд. отпадают... Оптимизацию через вендоры есть но она не помогает

Я правильно понимаю, что проект в данном случае загружается на хост 9000 не из /dist. Тогда откуда? Где он в данный момент хранится?

Вообще то нет, так же из dist, но сами файлы в папке не появляются, насколько помню они из оперативной памяти подгружаются

Здравствуйте, подскажите, пытаюсь загрузить стили в shadow dom, у меня есть некий скрипт my-module.js который я потом загружаю на страницу
<script src="...../my-module.js"> ну и соответственно сам тег <my-shadow></my-shadow>
в скрипте my-module первое, что делается - это attachShadow({ mode: 'open' }) на этот элемент

Надо, чтобы все стили от модулей так же попадали в него, а не в head, пытаюсь сделать так:

 {
     loader: 'style-loader',
     options: {
         insert: () => {
             return document.querySelector('my-shadow').shadowRoot;
         }
      }
 },

Ошибок нет, стилей тоже там нет....
кто знает?

 {
     loader: 'style-loader',
     options: {
         insert: () => {
             return document.querySelector('my-shadow').shadowRoot;
         }
      }
 },

Не уверен что это можно сделать вебпаком, я ручками вставлял стили из кода вебкомпонента в конструкторе

Да, ручками все норм

причем если я не делаю attachShadow тогда браузер ругается, что document.querySelector('my-shadow').shadowRoot; найти не может.... на че он тогда не пашет

хм... и такая запись тоже не работает
insert: () => {
                               return document.querySelector('body');
                           }
просто ради проверки... тогда не пойму, как вообще переопределить ему, по умолчанию он в head кидает

Читаю доку, делаю и не пашет.
https://webpack.js.org/loaders/style-loader/

Стринг пашет, функция нифига

Нет, проект всегда генерируется в dist, на 9000 порту доступен сервер который слушает запросы

В отличие от прода, в дев режиме папка dist виртуальная, вы не увидите ее на диске

Спасибо

Я что-то подзабыл, делаю
import myStyles from './styles/style.scss';

console.log(myStyles);
Возвращает пустой объект {}
какую опцию надо добавить в webpack чтобы потом сделать appenChild этих стилей

как вариант так
import stylesheet from 'css-loader!./styles.css';

<style>{stylesheet.toString()}</style>

Всем привет, еще раз задаю вопрос может кто-то сталкивался с таким? Когда я испортирую в js каждой страницы все нужные файлы (точнее все что у меня есть из ui-kit) у меня эти  скрипты отрабатывают столько раз сколько я вызвал эти плагины на драугих страницах, если я делаю через chunks изолируя их то у меня работают скрипты только в ui-kit , и даже если я прописываю chunks:['ui-kit', 'search-room'] у меня работают плагины только на странице ui kit, кто-то сталкивался с таким? Как это побороть?