Проект Webpack с несколькими файлами html / js / css

Question

Я думаю, что я понял, как работает Webpack. Моя проблема: большинство уроков / примеров основаны на одном index.html, Итак, как бы я организовал свой webpack.config.js и структура каталогов для нескольких страниц?

Давайте предположим, что мне нужны следующие вещи:

1. index.html с css а также js файл
2. dashboard.html с css а также js файл
3. profile.html с css а также js файл

И вот что я не понимаю:

1. Как бы вы структурировали свой src а также dist папка?
2. Как мне настроить Webpack? Вероятно, с HtmlWebpackPlugin(?)
3. Это один index.js достаточно файла в качестве точки входа / Как структурировать index.js file / Как выглядят проекты ES6 в целом?

Пример проекта очень поможет. Проект с чем-то большим, чем просто пример index.html файл.

Хорошего дня!:)

Answer 1

Я думаю, что вы можете сделать это путем преобразования html+js+css в веб-компонент, и вы можете сделать это легко с помощью платформы, я думаю, Vue js дать очень хороший шаблон полного шаблона Webpack, чтобы вы могли начать это думать о другой странице как о новом компоненте, помните, что вы используете webpack для получения пакета

Answer 2

Таким образом, вы можете получить один вывод для вывода нескольких типов пакетов, передав в командной строке arg для создания правильного пакета. В веб-пакете может быть несколько точек входа, но он создается только для вывода одного пакета. Итак, чтобы решить эту проблему, я решил, что передача аргумента arg в webpack через командную строку - это чистый способ иметь несколько возможностей связывания, сохраняя при этом только один файл конфигурации.

Чтобы увидеть, как это может быть выполнено оформить заказ...

https://www.hipstercode.com/blog/27/