vue crane

vue-crane (NON ENTRETENU)

Un passe-partout Vue universel, modulaire, multipage et full-stack pour gérer d'énormes projets. Basé sur Node.js, Express, PM2, Lerna, Webpack, Babel, Vue.js, Element, PostCSS.

Caractéristiques

• element-ui en tant qu'utilitaires d'interface utilisateur.
• Combine prettier et ESlint dans un hook de pré-validation en utilisant lint-staged . Arrêtez de vous soucier du code de merde qui glisse dans votre base de code.
• pm2 en tant que responsable du processus de production.
• http-proxy-middleware pour le proxy API du serveur distant pour éviter les erreurs CORS.
• utilisez webpack dll pour améliorer les performances au moment de la construction.
• Prise en charge de dynamic webpack entry via cli.
• lerna pour gérer plusieurs projets dans un seul projet.
• postcss pour le préprocesseur CSS de nouvelle génération.
• Combinez le serveur de développement et de production dans un seul serveur express .
• winston comme système d'enregistrement.
• Prend en charge la personnalisation express du routeur.
• Générez automatiquement un projet de bundle pour le déploiement.

Commencer

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

Entrée Webpack dynamique

Pendant la durée de vie du développement d’un énorme projet. Laisser Webpack créer le fichier nécessaire est beaucoup plus décent que de construire l'ensemble du projet. vue-crane utilise cli comme entrée pour permettre à l'utilisateur de choisir le module à développer.

Développement côté serveur

Démarrez un serveur de production local avec rechargement à chaud à l'aide de nodemon .

$ npm install
$ npm run build
$ npm run local 

Production

Il existe 3 environnements de production dans vue-crane :

• Environnement Test
• Environnement Pre-Release
• Environnement Release

Chaque environnement possède son propre script de démarrage :

Environnement de test :

$ npm run stage

Environnement de pré-version :

$ npm run pre

Environnement de publication :

$ npm run release

Déploiement

vue-crane utilise un projet bundle appelé vue-crane-bundle pour le déploiement. Chaque fois que vous souhaitez itérer une nouvelle version, exécutez simplement un script shell. Tout sera réglé dans votre projet bundle. L'utilisation d'un projet groupé pour le déploiement présente trois avantages :

• Rester cohérent des dépendances du serveur dans différents environnements.
• Retour rapide à la version précédente lorsqu'une erreur s'est produite.
• Déployez uniquement les fichiers nécessaires sur le serveur de production en ligne.

Étape de déploiement

1. Créez un référentiel git vide en tant que projet de bundle. Ajoutez une URL distante à n'importe quel service d'hébergement de référentiel git. Assurez-vous que votre projet de bundle se trouve au même niveau de dossier que votre projet source.

2. Modifiez le script du bundle dans package.json . Trois paramètres doivent être fournis : source_project , bundle_project , release_branch .

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

3. Exécutez le script du bundle.

$ npm run bundle

Licence

La licence MIT (MIT). Veuillez consulter le fichier de licence pour plus d'informations.