Vue 2 พร้อม Vue CLI - จะทำให้ src/static static ได้อย่างไรเพื่อให้ฉันสามารถใช้รูปภาพที่อยู่ในนั้นได้

ฉันกำลังพยายามจัดแพ็กเกจแอป Vue CLI ของฉันให้เป็นแพ็กเกจ src/static/xyz.png เพื่อให้ฉันสามารถอ้างอิงเป็น /static/xyz.png ได้

เอกสาร Vue ไม่ได้แสดงวิธีการทำเช่นนี้จริงๆ ฉันต้องการ vue.config.js แต่ระหว่างที่นี่:

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

และที่นี่:

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

ฉันไม่รู้ว่าฉันต้องทำอะไร มีความคิดอะไรบ้าง? ฉันได้ลองใช้ webpack มากมาย แต่ไม่รู้จัก webpack ดีพออย่างเห็นได้ชัด...


webpack javascript vue.js vuejs2
person mikeb    schedule 17.01.2021    source แหล่งที่มา

คำตอบ (1)


arrow_upward
2
arrow_downward

ในโปรเจ็กต์ Vue CLI ไฟล์ภายใต้ public/ จะถูกโดยอัตโนมัติ รวมเป็นสินทรัพย์คงที่ ดังนั้นคุณไม่จำเป็นต้องกำหนดค่าแบบกำหนดเองสำหรับสิ่งนี้ รูปภาพของคุณควรถูกเก็บไว้ใน:

<projectRoot>/public/static/xyz.png

จากนั้นคุณจะอ้างอิงสิ่งเหล่านั้นในมาร์กอัปของคุณดังนี้:

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

โปรดทราบว่าเนื้อหาคงที่เหล่านี้ไม่ได้ทำงานผ่าน Webpack ดังนั้นจึงไม่ได้รับการปรับให้เหมาะสม (เช่น ขนาดไฟล์รูปภาพอาจมีขนาดใหญ่โดยไม่จำเป็น)

person tony19    schedule 18.01.2021