Путаница при построении NPM

Я новичок в работе с потоком сборки NPM / Webpack для разработки внешнего интерфейса. Я прочитал несколько руководств и помог некоторым, но у меня есть несколько вопросов, если кто-то может помочь объяснить их лучше.

Когда я начинаю новый проект, я считаю его единственным компонентом моего более крупного проекта (в данном случае веб-сайта). Когда я устанавливаю npm в папке своего проекта, он устанавливает 80 МБ пакетов. Когда я создаю свой маленький привет, мир, я получаю файл dist.js размером 172 КБ.

Кажется, там все складывается.

Итак, мой вопрос, как не включать кухонную раковину и только мои требования к этому проекту?

А также, если я создам аналогичный проект с такими же требованиями, как мне убедиться, что у меня нет двух одинаковых библиотек, загруженных, например, на веб-страницу, я бы хотел, чтобы lodash загружался только один раз.

Спасибо Богатый

Как настроить npm? Откуда эти пакеты?

mbuechmann 01.06.2018 15:08

Все уроки, которые я делал, используют команду npm install, так что из репозиториев npm.

Richard Testani 01.06.2018 15:30

Хотел спросить, какой пакет вы устанавливаете? Они тебе нужны? Вы можете начать с npm init и не иметь зависимости, а затем добавить необходимые пакеты.

mbuechmann 01.06.2018 15:32

Возможно, я не на 100% уверен, какие зависимости здесь включены. Но в моем файле package.json у меня есть: `" dependencies ": {" lodash ":" ^ 4.17.10 "," vue ":" ^ 2.5.11 "},`

Richard Testani 01.06.2018 15:36

Я должен добавить, что в devDependencies их намного больше.

Richard Testani 01.06.2018 15:37

Как они туда попали? Я просто пытаюсь понять, как вы запускаете свой проект. Как ты это делаешь? Что означает When I setup npm...? Какие шаги вы выполняете?

mbuechmann 01.06.2018 15:39
npm install -g vue-clivue init webpack my-projectcd my-projectnpm installnpm run dev Я знаю, что из-за ошибок и прочего установил и другие вещи. webpack-server и другие пакеты, такие как lodash и request.
Richard Testani 01.06.2018 16:04
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
7
29
0

Другие вопросы по теме