Настройка нулевой конфигурации Webpack 4 с несколькими точками входа
Вебпак повсюду. React, Angular, Vue используют это в процессе сборки. Это преемник всех предыдущих сборщиков. Это потрясающе. Вещи, которые нам приходилось делать вручную, утомительно снова и снова и иногда с человеческими ошибками, теперь так же быстро, как подождать минуту, может быть, еще минута и все, ваша сборка готова без ошибок и со всеми лучшими практиками ! Теперь, это довольно старые новости.
Недавно Webpack выпустил свою новую версию, то есть Webpack 4, кодовое название Legato. Он предлагает новую идею нулевой конфигурации (# 0CJS), и это приятно. Разработчику пришлось настроить точки входа в файле конфигурации веб-пакета. Теперь, если вы пытаетесь создать SPA (одностраничное приложение), вам не нужно указывать какую-либо точку входа, даже не нужно вообще иметь какой-либо файл конфигурации. Webpack 4 сам позаботится об этом.
Но если вы хотите использовать несколько точек входа со всеми другими вещами, такими как React (поддерживается ie9+), Babel, SASS, HTML Partials, External jQuery CDN, вы сами по себе.
Я был там. Я знаю боль. Я искал в Интернете, но не мог найти подходящие ответы, которые меня устраивают. Итак, я построил свою собственную установку, и она работает для меня.
Проверьте https://github.com/neo7official/webpack4RealZeroConfig.
Не забудьте посетить файл https://github.com/neo7official/webpack4RealZeroConfig/blob/master/config/public.options.js. Это вполне объяснимо.
Вам не нужно устанавливать точку входа самостоятельно. Он автоматически проверит записи (файлы javascript) в корне папки «src/js/» и будет считать все файлы javascript там точкой входа Webpack, кроме того, поскольку мы работаем с HTML, он будет искать файл шаблона html в корне папки «src/». Ключ здесь в том, чтобы иметь одинаковое имя для точки входа javascript и шаблона html.
У меня есть файл public.options.js, поэтому вы можете изменить любой параметр в соответствии с вашими требованиями.
