Por ejemplo, creé una carpeta, la abrí con VS Code. Abrí una terminal, usé el comando npm install jquery , crea una carpeta node_modules dentro de mi carpeta creada. Luego creo un archivo HTML, coloco una plantilla HTML y ahora quiero hacer referencia a jQuery. Sé cómo hacer referencia a los archivos sintácticamente y todo eso, solo busco comprender las mejores prácticas.
¿Solo hago referencia a los archivos jQuery ... JavaScript dentro de allí? ¿O me estoy perdiendo un paso?
antes de comenzar un nuevo proyecto, debe usar npm init . esto inicializará el proyecto y generará un archivo package.json . Este archivo package.json se usa para administrar las dependencias del proyecto (bibliotecas), scripts, versiones, etc. Y después de esto, cada vez que instale una biblioteca usando npm, aparecerá en este archivo package.json en la sección de dependencias.
ejemplo después de inicializar el npm:
npm i jqueryy puedes obtenerlo usando
const jquery = require('jquery')o
import jquery from 'jquery';es decir; sin usar la ruta relativa, ejemplo:
import jquery from '../../node_modules/jquery..'Parece que te estás perdiendo el paso de compilación .
Al desarrollar con npm, generalmente usa una cadena de herramientas con compiladores, agrupadores y minificadores, que leen las bibliotecas de la carpeta node_modules y colocan los recursos en una carpeta de build que realmente se implementa y desde donde se cargará el archivo js.