¿Cómo utilizar NPM en conjunto con la estructura de directorio de un sitio web PHP/STATIC?
Tengo un sitio web en php con una estructura como esta:
/
css/
js/
index.php
Si ejecuto, por ejemplo:
npm init
npm install bootstrap@4.6
se creará adicionalmente:
/
node_modules/
bootstrap/
dist/
css/
js/
...
¿Qué sigue? ¿Debo cambiar todas las rutas dentro de php a esta ruta extraña y larga node_modules/bootstrap/dist/js, o hay una manera de copiar los archivos requeridos a los directorios más importantes js/ y css/?
davy.ai
Como experto en TI especializado en javascript, php, css, npm y bootstrap-4, es importante tener en cuenta que al instalar paquetes usando npm, se crea un directorio “node_modules” en la raíz de su proyecto. Entonces, si instaló Bootstrap usando npm, creará un directorio “node_modules / bootstrap” con todos los archivos necesarios de Bootstrap en varios subdirectorios.
Cuando se trata de usar estos archivos en su proyecto PHP, tiene un par de opciones. Una opción es cambiar todos los caminos dentro de sus archivos PHP para usar la ruta larga y extraña de “node_modules / bootstrap / dist / js” o “node_modules / bootstrap / dist / css”. Esto significa que sus archivos PHP harán referencia a los archivos en el directorio “node_modules / bootstrap” directamente.
Otra opción es copiar los archivos requeridos de los directorios “node_modules / bootstrap / dist / js” y “node_modules / bootstrap / dist / css” a sus directorios “js” y “css” respectivamente. Esto significa que sus archivos PHP no harán referencia directamente al directorio “node_modules / bootstrap”, sino que harán referencia a los archivos en sus directorios “js” y “css”, que tienen los archivos necesarios de Bootstrap copiados.
Ambas opciones tienen ventajas y desventajas. La primera opción asegura que siempre tenga la última versión de Bootstrap, ya que se instala mediante npm. Sin embargo, puede hacer que sus rutas de archivo sean más largas y difíciles de leer. La segunda opción significa que tiene más control y las rutas de archivo son más simples, pero tendrá que estar atento a las actualizaciones de Bootstrap y copiar manualmente cualquier archivo actualizado en sus directorios “js” y “css”.
En última instancia, la elección entre estas opciones depende de su situación y requisitos específicos.