剛剛接觸Vue和webpack。下載了Vue cli。
利用這個建了一個webpack的模板專案。
看了一下index.html檔案。里面說webpack編譯出來的css,js等檔案，是自動注入到html里面的。請問這個是怎么實作的？
1.png797×319 10.4 KB
uj5u.com熱心網友回復：
Webpack 的一個 HTML 插件。你要問原理的話，插件分析了 HTML 檔案（模板檔案）的 DOM 結構，知道了 <head>、<body> 等元素的位置，接下來就是插入相應的內容了，不難理解。uj5u.com熱心網友回復：
首先，這是一個非常好的問題。 如果僅僅看這個index.html原碼，沒有引入任何的.js腳本。是無法實作“auto injected"的。但是如果在browser上，localhost:8080, 按F11,來決議這個網頁，你會發現多了兩行代碼。見下圖。
那么問題來了，1是這兩個代碼是怎么加上去的？ 2 是專案里根本沒有什么/JS目錄，那么它們檔案的位置在哪里。
其實是web-dev-server 中的html-webpack-plugin來實作的。請看.https://webpack.js.org/plugins/html-webpack-plugin/
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/256904.html
標籤：其他技術討論專區
上一篇：求牙科建模軟體達人