Как правильно использовать Webpack для сайта?

Question

habrdima @habrdima

Как правильно использовать Webpack для сайта?

Изучаю webpack
1. Я так понял, weback делает из всех файлов свои модули и мои js файлы для САЙТА теперь не видят друг друга,
2. к тому же к файлам добавляется webpack шапка которую не убрать даже при помощи sourse-map, он файлы без шапки просто добавляет дополнительно
Вопрос для сайтов вообще используют webpack? как организовать файлы что бы они видели друг друга и не было этой шапки?

Вопрос задан более трёх лет назад
106 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Пригласить эксперта

Ответы на вопрос 1

11 комментариев

habrdima @habrdima Автор вопроса

a.js c var a = 1;
b.js console.log(a)// выведет 1

Написано более трёх лет назад
habrdima @habrdima Автор вопроса

Значит для сайтов его не имеет смысла использовать?

Написано более трёх лет назад
Alice Smith @AliceSmith

habrdima, всё зависит от поставленной задачи. я не могу ответить на ваш вопрос, тк не знаю что вам нужно

касательно вашего кода: в файле b.js нужно заимпортировать переменную из файла a.js. Тогда всё заработает. Но это при условии, что правильно настроен webpack

Написано более трёх лет назад
habrdima @habrdima Автор вопроса

Alice Smith, я надеялся при помощи npm скачивать всякие там bootstrap-ы, jq и т.п
а при помощи webpack собирать свой сайт, но без изменений самих файлов типа шапки webpack в js файле

Написано более трёх лет назад
Alice Smith @AliceSmith

habrdima, не очень понимаю чем мешает эта шапка ?

Написано более трёх лет назад
habrdima @habrdima Автор вопроса

Alice Smith, эстетикой) ну это я так, я так понял в webpack организовывать файлы можно только как модули, а не просто указывая очередность подключения файлов в html? и изменить это нельзя?

Написано более трёх лет назад
Alice Smith @AliceSmith

habrdima, вы можете подключить в html ваш .js файл. И в этом скрипте импортить другие файлы. К примеру модуль JQ. Который можно поставить через npm/yarn

Написано более трёх лет назад
habrdima @habrdima Автор вопроса

Alice Smith, импортировать не используя тип модуль не получится, а это не подходит, в любом случае изворачиваться не правильно

Написано более трёх лет назад
Alice Smith @AliceSmith

что значит тип модуль ? и что не подходит ?

Написано более трёх лет назад

habrdima @habrdima Автор вопроса

Alice Smith,

<!doctype html>
<script type="module">
  import {sayHi} from './say.js';

  document.body.innerHTML = sayHi('John');
</script>

Написано более трёх лет назад

Alice Smith @AliceSmith

habrdima, и в чем проблема ?)

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

Linux

+2 ещё

Простой
Почему не удается подключиться к серверу с самоподписанным доверенным сертификатом?
- 2 подписчика
- вчера
- 171 просмотр
0

ответов
Node.js

+1 ещё

Средний
Как получить список всех участников телеграм группы?
- 1 подписчик
- 20 нояб.
- 135 просмотров
0

ответов
Node.js

+1 ещё

Простой
Как в Vite запустить конфигурацию build + lint --watch?
- 1 подписчик
- 19 нояб.
- 29 просмотров
0

ответов
Node.js

+1 ещё

Простой
Как корректно настроить линтер на разрешенный импорт модулей из папок?
- 1 подписчик
- 19 нояб.
- 28 просмотров
0

ответов
Node.js

+2 ещё

Простой
Ошибка Error: EACCES: permission denied, stat '/root/.config/postcss' при сборке?
- 1 подписчик
- 18 нояб.
- 60 просмотров
1

ответ
Webpack

Простой
Почему webpack генерирует для каждого CSS ещё и JS?
- 1 подписчик
- 17 нояб.
- 48 просмотров
0

ответов
Node.js

+2 ещё

Простой
Как сделать ответ бота на сообщение из кнопок в вк на node js?
- 1 подписчик
- 16 нояб.
- 57 просмотров
1

ответ
Node.js

+2 ещё

Средний
Сборщик игнорирует синтаксис PostCSS?
- 1 подписчик
- 15 нояб.
- 82 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Ошибка Uncaught ReferenceError: exports is not defined?
- 1 подписчик
- 14 нояб.
- 65 просмотров
2

ответа
JavaScript

+3 ещё

Простой
MIME тип CSS при попытке добавить stylesheet в head через скрипт. Как решить проблему?
- 1 подписчик
- 13 нояб.
- 100 просмотров
2

ответа
Показать ещё Загружается…

Senior backend developer (Node.js)

CTRL+ • Белград

от 250 000 до 320 000 ₽

Backend Developer (Node.js)🔥

Fundraise Up

от 3 800 до 6 300 $

Разработчик Node.js (BackEnd) Middle +

Wanted.

от 250 000 до 330 000 ₽

Поправить сайт (мобильная версия) на WordPress

24 нояб. 2024, в 04:16

5000 руб./за проект

Необходимо поменять пароль в WINDOWS

24 нояб. 2024, в 03:11

500 руб./за проект

Требуется консультация по UX-дизайну казино

24 нояб. 2024, в 01:35

5000 руб./за проект

Answer 1 · 2020-03-27 14:17:21

webpack добавляет разработке систему модульности, что по "дефолту" в браузеры не включено. Это значит, что при импорте разных файлов в вашем скрипте на выходе будет монолитный бандл.

вопрос про "видимость файлов" не совсем понятный. покажите на конкретном примере

В большинстве случаев Webpack применяется для сборки сложных spa js приложений с различными настройками, плагинами и тд.

Как правильно использовать Webpack для сайта?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт