Как использовать пакет npm (chart.js) после установки?

Question

Я делаю тренировочный сайт Laravel, и я установил chart.js через npm install.

Это глупые вопросы, но теперь, как мне использовать их (или что-нибудь, установленное через npm) отсюда?

Файлы устанавливаются в папку узловых модулей. Должен ли я ссылаться на эти файлы, используя теги в заголовках моих страниц?

Если я это сделаю:

<script type="text/javascript" src="/node_modules/chart.js/dist/Chart.min.js"></script>

Тогда это работает, я могу заставить график появляться. Но это не правильно. Разве npm не позаботится обо всем этом автоматически?

Answer 1

Laravel использует веб-пакет aka Laravel Mix , где вы также можете копировать файлы.Например, jQuery:

mix.copy('node_modules/jquery/dist/jquery.min.js', 'public/js/jquery.min.js');

Затем на странице, где вам нужно js / css, вы можете использовать стеки , где вы можете

@push('js')
    <script src="/js/Chart.bundle.min.js"></script>
@endpush

, чтобы включитьтвой сценарийПросто запустите npm run dev при разработке и npm run prod, если вы готовы к загрузке.Если вы используете контроль версий, не забудьте добавить файлы, скопированные Laravel Mix, в ваши общедоступные папки css и js.

Answer 2

То, что вы делаете в своем фрагменте кода, это импорт пакета для глобального использования. NPM - это скорее менеджер пакетов (Node Package Manager), который устанавливает пакеты и управляет зависимостями.

Итак, чтобы ответить на ваш вопрос, ни один NPM обычно не обрабатывает это автоматически. То, что вы делаете, - это один из способов доступа / импорта пакета после его установки. Другой способ будет https://docs.npmjs.com/using-npm-packages-in-your-projects.