Rumah > hujung hadapan web > View.js > Pembungkusan fail statik tulen manual dan pautan pratonton penggunaan (digunakan ke GitHub), daripada fail rasmi cli vue, menggunakan benang

Pembungkusan fail statik tulen manual dan pautan pratonton penggunaan (digunakan ke GitHub), daripada fail rasmi cli vue, menggunakan benang

大佬别动我昵称
Lepaskan: 2021-11-15 16:37:23
asal
213 orang telah melayarinya

Selepas menulis projek, anda perlu menggunakan dan menerbitkannya Projek yang dibina menggunakan vue@cli ini hanya mempunyai fail statik bahagian hadapan, memanggil antara muka bahagian belakang dan boleh menggunakan langkah ini jika ia digunakan ke GitHub.

Perkara yang perlu diperhatikan: 1. gitbash anda dipasang dan dikonfigurasikan

2. Setiap kali anda mengubah suai kod, anda perlu menolaknya ke persekitaran pengeluaran

3. Ini adalah langkah kemas kini manual, tetapi ia juga boleh dikemas kini secara automatik Ia memerlukan konfigurasi tambahan

Akan ada dua persekitaran, jadi dua gudang perlu dibina, satu ialah persekitaran tempat kod itu diletakkan. dan satu lagi ialah persekitaran pengeluaran dan persekitaran kod perubahan memerlukan bulid, yang akan menjana pemisah barisan pengeluaran baharu, dan kemudian menolak ke gudang tempat persekitaran pengeluaran disimpan,

1, baris arahan <.>

`` binaan benang

```

2.

Klik pautan dan tukar bahasa kepada bahasa Cina

![Pautan selepas berjaya membina](https://img.php.cn/ upload/image/421/242/536/1636642339926184.png "Pautan selepas berjaya membina")

Gunakan sesuatu untuk pantau direktori dist yang dihasilkan

~~~

yarn global add serve

serve -s dist

//Dua baris ini memastikan direktori dist dibungkus

~~~

Selepas pemasangan, port halaman web akan menjadi lebih daripada 5000, dan fail yang dibungkus akan dimampatkan

3. Tetapkan nilai yang betul dalam vue.config.js publicPath.

~~~

module.exports = {

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

'/my- projek/' //Nama persekitaran pengeluaran

: '/'                                                                                                                                                                                                                                                                                                                                                                                                                                                                           ke fail projek/' .sh

~~~

#!/usr/bin/env sh

# Batalkan skrip apabila ralat berlaku

set -e

# Bina

npm run build

# cd to direktori output binaan

cd dist

# Sebarkan ke nama domain domain tersuai

# echo 'www.example.com' > 🎜>git init

git add -A

git commit -m 'deploy'

# Deploy to https://.github.io

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

# Deploy to https://.github. .io/

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

cd -

~~~

dan kemudian laksanakan deploy.sh

~~~

//Anda perlu mengkonfigurasi persekitaran gitbash, cmder

sh deploy.sh

//Akan menjalankan arahan dalam fail

~~~

Atas ialah kandungan terperinci Pembungkusan fail statik tulen manual dan pautan pratonton penggunaan (digunakan ke GitHub), daripada fail rasmi cli vue, menggunakan benang. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
1
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan