用vue-cli建立專案成功運行後會看到預設頁面已經加了一堆有的沒的資訊,但是當點進去專案的index.html,會發現內容相當空洞,甚至連vue都沒有引用,頓時讓人不知從何下手。
那這個網頁內容是怎麼渲染的出來的呢?
這就要談到webpack。webpack是一個打包軟體,幫助我們將寫好的程式封裝並發布成伺服器可以閱讀的檔案(.js、.css 等)。詳細介紹可以看官方文件(webpack介紹)
其中build/webpack.base.conf.js 是webpack的進入點。先打開來看看裡面的內容。
可以看到進入點的路徑是./src/main.js
點進 main.js就看的到熟悉的vue語法了