Мне нужно создавать статические/маркетинговые сайты, и я хотел бы использовать Webpack в качестве сборщика модулей. Я думал о такой структуре каталогов:
Код: Выделить всё
build/
src/
html/
index.html
foo.html
bar.html
scss/
main.scss
_partial1.scss
js/
app.js
foo.js
fonts/
fonta.ttf
images/
img1.png
svg1.svg
Я хочу, чтобы в каждом HTML было следующее:
Я подумывал использовать copy-webpack-plugin, чтобы можно было скопировать файлы из «src/html» в «build», а также собрать CSS и JavaScript в «/build», чтобы в итоге получить такую файловую структуру:
Код: Выделить всё
build/
index.html
about.html
foo.html
bar.html
build.js
build.css
Я подумывал об использовании Live Server для обслуживания всего, что находится в «build/». Каждое изменение, внесенное мной в файлы .scss, .js и .html, будет скопировано в папку build/.
Как вы думаете об этом подходе? Я думаю, это подходит для обслуживания статических/маркетинговых сайтов.
Подробнее здесь:
https://stackoverflow.com/questions/419 ... es-non-spa