W jaki sposob uzywac npm do instalacji paczek?

0

Witam.

Tworze sobie nowy project i chcialbym zainstalowac w nim za pomoca NPM
Bootstrap oraz Jquery.
Oba zainstalowaly sie w node_modules oraz zostaly dodane do package.json.

Niestety nie wiem w jaki sposob moge je obecnie uzyc w moim projekcie, a informacje w internecie
jakos nie moga mnie do tego doprowadzic.

Prosze o informacje, jak moge je poprawnie dolaczyc do projektu i ich uzywac.
Z tego co wiem, to wyciaganie ich prosto z node_modules to zly pomysl.

3

Sposoby jakie przychodzą mi do głowy:

  • użycie bezpośrednie (to co robisz teraz) - średni pomysł,
  • przekierowanie na backendzie (jeśli robisz też backend),
  • bundler typu Webpack lub Browserify i import / require w plikach js - najlepszy sposób, wymaga trochę konfiguracji
0

Generalnie jedno wazne pytanie - Czy to narzedzie jest skierowane glownie do projektow w NodeJS ?

Co jesli pisze ja uzywam PHP / LARAVEL ?

1

@Pijany Orzeł
Nie, z powdzeniem można używać npm'a tylko na froncie, niemal każdy poważny projekt tego używa. Tylko tak jak mówię - najlepiej z bundlerem.

1

Czy to narzedzie jest skierowane glownie do projektow w NodeJS ?
początkowo NPM było do projektów w NodeJS, teraz używają go wszyscy, niezależnie czy robią backend czy frontend.

Niestety nie wiem w jaki sposob moge je obecnie uzyc w moim projekcie, a informacje w internecie
jakos nie moga mnie do tego doprowadzic.

Nie wiem na jakim jesteś poziomie "wtajemniczenia", ale np. o ile kiedyś się JS używało w ten sposób, że się dołączało tagi <script> do strony, to teraz zwykle się raczej pracuje na modułach (najpopularniejsze są moduły z NodeJS oraz moduły z ES6), i tworzysz plik js, który jest modułem i z niego dołączasz kolejne biblioteki, np.

var $ = require('jquery'); 

pozwala to na większe uporządkowanie. Minus jest taki, że trzeba użyć specjalnego narzędzia, żeby to połączyć w jeden plik wynikowy (na początek najlepiej Browserify użyć, samo Browserify możesz odpalać z konsoli bez żadnej konfiguracji zdaje się, co wydaje się być dobre na początek), no i takie Browserify ci wykrywa moduły z node_modules i łączy je do postaci jednego pliku wynikowego*. I dopiero ten plik wynikowy dołącza się za pomocą tagu script. Alternatywą dla Browserify jest Webpack, ale jego trzeba sobie pokonfigurować na start.

*podobno jeden plik wynikowy jest już niemodny, bo teraz jest modny code splitting, ale olać już to.

0

Dziękuje za odpowiedzi, dużo mi to wyjaśniło :)

1 użytkowników online, w tym zalogowanych: 0, gości: 1