Npm de desarrollo local, servidor http fácil de usar, servidor web fácil de usar, servidor estático

Resumen de servidor web útil

A veces es necesario iniciar rápidamente un servidor web (servidor http) para servir páginas web estáticas, y la instalación de nginx es demasiado engorrosa, entonces puede considerar usar npmserve , http-server , webpack-dev-server .

servicio npm

El servidor de npm puede proporcionar funciones de servidor http. Si desea proporcionar sitios estáticos , aplicaciones de una sola página o archivos estáticos o incluso servicios de contenido de carpetas de lista, entonces npm server es lo que desea.

uso

• La primera instalación sirve a nivel mundial,npm install --global serve
• Una vez completada la instalación, ejecútela en el proyecto serveo especifique una carpeta para ejecutarserve folder_name
  • serve --helppuede ver ayuda
• Si desea personalizar, crear serve.jsone insertar atributos específicos. Para obtener más información, consulte las opciones del controlador de servicio . Los atributos comunes incluyen públicos, reescrituras y encabezados.

servidor http npm

http-server es un servidor http estático de línea de comando simple y sin configuración que admite HTTPS

uso

• Instalar globalmente, npm install --global http-servero no instalar, ejecutar directamentenpx http-server [path] [options]
• correr,http-server [path] [options]
  • La ruta predeterminada es ./publicsi la carpeta pública existe; de ​​lo contrario, es./

npm webpack-dev-servidor

Cuando se usa webpack, proporciona un servidor de desarrollo cargado en caliente webpack-dev-server ; de hecho, usa webpack-dev-middleware internamente

uso

• instalación parcial,npm install webpack-dev-server --save-dev
• Inicio, webpack serveadmite muchos parámetros al iniciar; para obtener más detalles, consulte el documento oficial opciones de webpack-dev-server

Resumir

En conjunto, webpack-dev-server debería ser el más poderoso; server y http-server son bastante simples y livianos.