vue crane

vue-crane (SIN MANTENIMIENTO)

Un modelo estándar de Vue universal, modular, de varias páginas y de pila completa para abordar proyectos de gran tamaño. Basado en Node.js, Express, PM2, Lerna, Webpack, Babel, Vue.js, Element, PostCSS.

Características

• element-ui como utilidades de interfaz de usuario.
• Combina prettier y ESlint en un gancho de confirmación previa usando lint-staged . Deja de preocuparte por el código de mierda que se desliza en tu base de código.
• pm2 como responsable del proceso de producción.
• http-proxy-middleware para el proxy de API del servidor remoto para evitar errores de CORS.
• utilice webpack dll para mejorar el rendimiento del tiempo de compilación.
• Admite dynamic webpack entry a través de cli.
• lerna para gestionar múltiples proyectos en un solo proyecto.
• postcss para preprocesador CSS de próxima generación.
• Combine el servidor de desarrollo y producción en un servidor express .
• winston como sistema registrador.
• Admite personalización exprés del enrutador.
• Generar automáticamente un proyecto de paquete para su implementación.

Empezando

git clone https://github.com/posrix/vue-crane my-project
cd my-project
npm install
npm run dev

Entrada dinámica del paquete web

Durante la vida de desarrollo de un gran proyecto. Dejar que webpack cree el archivo necesario es mucho más decente que construir todo el proyecto. vue-crane usa cli como entrada para permitir al usuario elegir qué módulo desarrollar.

Desarrollo del lado del servidor

Inicie un servidor de producción local con recarga en caliente usando nodemon .

$ npm install
$ npm run build
$ npm run local 

Producción

Hay 3 entornos de producción en vue-crane:

• Entorno Test
• Entorno Pre-Release
• Entorno Release

Cada entorno tiene su propio script de inicio:

Entorno de prueba:

$ npm run stage

Entorno previo al lanzamiento:

$ npm run pre

Entorno de lanzamiento:

$ npm run release

Despliegue

vue-crane utiliza un proyecto de paquete llamado vue-crane-bundle para la implementación. Cada vez que desee iterar una nueva versión, simplemente ejecute un script de shell. Todo el material se resolverá en su proyecto de paquete. Hay tres beneficios de utilizar un proyecto de paquete para la implementación:

• Mantenga la coherencia de las dependencias del servidor en diferentes entornos.
• Reversión rápida a la versión anterior mientras se producía el error.
• Implemente únicamente los archivos necesarios en el servidor de producción en línea.

Paso de implementación

1. Cree un repositorio git vacío como su proyecto de paquete. Agregue una URL remota a cualquier servicio de alojamiento de repositorios git. Asegúrese de que su proyecto de paquete esté en el mismo nivel de carpeta que su proyecto de origen.

2. Edite el script del paquete en package.json . Se requieren tres parámetros para proporcionar: source_project , bundle_project , release_branch .

{
  "bundle" : " sh ./tasks/bundle.sh source_project bundle_project release_branch "
}

3. Ejecute el script del paquete.

$ npm run bundle

Licencia

La Licencia MIT (MIT). Consulte el archivo de licencia para obtener más información.