Size: a a a

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

2020 May 28

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Nelkor
Там стили + ассеты + хорошо бы ещё копи-плагин подрубить будет + нужен дев-сервер
стили node-sass, плагин копи нинужон , дев сервер тоже
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
вебпак по секрету скажу - сборщик js приложений. Ага.
источник

N

Nelkor in Webpack — русскоговорящее сообщество
Alex CherryTea
вебпак по секрету скажу - сборщик js приложений. Ага.
Да знаю
источник

N

Nelkor in Webpack — русскоговорящее сообщество
Мы сначала в CSS-чате пытались настроить node-sass, в итоге не получилось ничего и я перешёл на вебпак)
источник

N

Nelkor in Webpack — русскоговорящее сообщество
вебпак хотя бы смог
источник

A

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

N

Nelkor in Webpack — русскоговорящее сообщество
Nelkor
Там стили + ассеты + хорошо бы ещё копи-плагин подрубить будет + нужен дев-сервер
это)
источник

A

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

A

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

N

Nelkor in Webpack — русскоговорящее сообщество
Alex CherryTea
а конкретней
src:
1. Точка входа в виде scss-файла
2. Подключаемые к нему другие scss/css-файлы и ассеты
3. Не используемые файлы, которые тоже надо перенести

dist:
1. Бандл
2. ассеты
3. перенесённые файлы

И всё это на дев-сервере)
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
Nelkor
src:
1. Точка входа в виде scss-файла
2. Подключаемые к нему другие scss/css-файлы и ассеты
3. Не используемые файлы, которые тоже надо перенести

dist:
1. Бандл
2. ассеты
3. перенесённые файлы

И всё это на дев-сервере)
rollup
источник

N

Nelkor in Webpack — русскоговорящее сообщество
🦜
rollup
🤔
источник

N

Nelkor in Webpack — русскоговорящее сообщество
А почему бы и нет)
источник

N

Nelkor in Webpack — русскоговорящее сообщество
Nelkor
src:
1. Точка входа в виде scss-файла
2. Подключаемые к нему другие scss/css-файлы и ассеты
3. Не используемые файлы, которые тоже надо перенести

dist:
1. Бандл
2. ассеты
3. перенесённые файлы

И всё это на дев-сервере)
Вообще, с учётом cp и browser-sync и вижу только одну проблему: node-sass не умеет читать css-файлы
источник

N

Nelkor in Webpack — русскоговорящее сообщество
То есть придётся все css перевести в scss (исправить пути на абсолютные)
источник

N

Nelkor in Webpack — русскоговорящее сообщество
А вебпак умеет 🤷‍♀️
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Nelkor
Вообще, с учётом cp и browser-sync и вижу только одну проблему: node-sass не умеет читать css-файлы
> node-sass не умеет читать css-файлы
но тут мы вспомнаем про post css
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
и плагин к нему
postcss-sass
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
Alex CherryTea
> node-sass не умеет читать css-файлы
но тут мы вспомнаем про post css
module.exports = {
 //...
 output: {
   filename: '[contenthash].bundle.css'
 }
};
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
в доке нашел
источник