Lien d'aperçu manuel du packaging et du déploiement de fichiers statiques purs (déployé sur GitHub), à partir du fichier officiel cli de vue, en utilisant fil

Après avoir écrit le projet, vous devez le déployer et le publier. Ce projet construit à l'aide de vue@cli ne contient que des fichiers statiques front-end, appelle l'interface back-end et peut utiliser cette étape s'il est déployé sur GitHub.

Points à noter : 1. Votre gitbash est installé et configuré

2. Chaque fois que vous modifiez le code, vous devez le pousser vers l'environnement de production

3. Il s'agit d'une étape de mise à jour manuelle, mais elle peut aussi être mis à jour automatiquement. Une configuration supplémentaire est requise

Il y aura deux environnements, donc deux entrepôts doivent être construits, l'un est l'environnement où le code est placé et l'autre est l'environnement de production. Les modifications de code dans l'environnement de code nécessitent un build. qui générera une nouvelle rupture de ligne de production, puis Push vers l'entrepôt où est stocké l'environnement de production,

1, ligne de commande

``` Yarn build

```

2.

Cliquez sur le lien et changez la langue en chinois

 

Utilisez quelque chose pour surveiller le répertoire dist généré

~~~

fil global add serve

serve -s dist

//Ces deux lignes servent à garantir que le répertoire dist est emballé

~~~

Après l'installation , le port de la page Web devient supérieur à 5 000 et le fichier emballé sera compressé,

3 Définissez le chemin public correct dans vue.config.js.

~~~

module.exports = {

publicPath: process.env.NODE_ENV === 'production'

'/my-project/' //Le nom de l'environnement de production

: '/ ' / /

}

~~~

4. Créez le fichier déployer.sh dans le projet

~~~

#!/usr/bin/env sh

# Abandonnez le script lorsqu'une erreur se produit.

set - e

# Build

npm run build

# cd dans le répertoire de sortie de build

cd dist

# Déployer sur le nom de domaine personnalisé

# echo 'www.example.com' > ; CNAME

git init

git add -A

git commit -m 'deploy'

# Déployer sur https://.github.io

# git push -f git@github.com : /.github.io.git master

# Déployer sur https://.github.io/

# git push -f git@github. com:.git master:gh-pages

cd -

~~~

Ensuite, exécutez déployer.sh

~~~

//Vous devez configurer l'environnement gitbash , cmder

sh déployer sh

//exécutera la commande dans le fichier

~~~

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!