Пытаюсь разобраться в подключении css к webpack? Каким способом лучше воспользоваться? Писать и подключать sass/less? либо подключить css. Или импортировать css через webpack, чтоб он с генерировался в html файле в script?
Абсолютно неважно. Webpack - сборщик, поэтому если Вам удобнее работать с SCSS или LESS - используйте их. А Webpack сделает рутинную работу по компиляции.
насколько понимаю после SCSS/LESS с генерируются отдельные css файлы? Поясните пожалуйста обычно на практике как делается в готовом проекте? css файлы остаются в папке или они пакуются в html и остается подключить только bundle.js?
Да, в результате компиляции получаются обычные css файлы в папке. Или один, если Вы укажете сборщику, что все результирующие (или исходные) файлы нужно собрать в один.
О каком bundle.js Вы говорите? Если это наименование из примера, то это просто название результирующего файла сборки скриптов (они собираются воедино аналогичным со стилями образом).
Короче говоря, в результате работы webpack у Вас получаются обычные css и js файлы, которые Вы уже сами включаете в проект. Возможно их можно сразу подключать и в html, но на этот вопрос я Вам ответа не дам - не владею информацией.