Vue 2 dengan Vue CLI - Bagaimana cara membuat src/static menjadi statis agar saya dapat menggunakan gambar yang ada di sana?

Saya mencoba mengemas aplikasi Vue CLI saya ke paket src/static/xyz.png sehingga saya dapat mereferensikannya sebagai /static/xyz.png.

Dokumen Vue tidak benar-benar menunjukkan cara melakukan ini. Saya memerlukan vue.config.js tetapi di antara sini:

https://cli.vuejs.org/guide/webpack.html

dan di sini:

https://cli.vuejs.org/guide/html-and-static-assets.html#html

Saya tidak tahu apa yang harus saya lakukan. Ada ide? Saya sudah mencoba banyak hal tentang webpack tetapi tidak cukup memahami webpack, ternyata...


webpack javascript vue.js vuejs2
person mikeb    schedule 17.01.2021    source sumber

Jawaban (1)


arrow_upward
2
arrow_downward

Dalam proyek Vue CLI, file di bawah public/ secara otomatis dipaketkan sebagai aset statis, jadi Anda tidak memerlukan konfigurasi khusus untuk ini. Gambar Anda harus disimpan di:

<projectRoot>/public/static/xyz.png

Kemudian Anda akan mereferensikannya di markup Anda seperti ini:

<img src="/static/xyz.png">

Perhatikan bahwa aset statis ini tidak dijalankan melalui Webpack, sehingga tidak akan dioptimalkan (yaitu, ukuran file gambar mungkin terlalu besar).

person tony19    schedule 18.01.2021