本篇主要關於如何用webpack構建多頁應用
為什麼要構建多頁應用呢？因為我的專案本來就是多頁應用啊
至於為什麼要用webpack？因為我要用vue啊，嫌gulp 每次打包慢 啊
文章目錄
1. 利用vue-cli的配置，擴充套件成多頁應用
2. gulp專案轉化成webpack之後的痛
3. 拋棄webpack多頁應用配置
4. 下篇基於webpack的多頁應用新方案
想法總是簡單，實踐總是多坑。理論支援：spa為單頁，那麼我是不是輸出多個頁面就成了多頁呢？好像很對的樣子。
問題來了，如何才能輸出多個頁面，主意很容易打到 html處理外掛程式 html-webpack-plugin上面。
單頁面輸出:12
345new htmlwebpackplugin()
多頁面只需要多new 幾個htmlwebpackplugin就好了嘛
馬上實踐，果然可以，✌️。那就動動吧！
興奮的修改配置如下:12
3456
78910
1112
1314
15# webpack.base.conf.js
entry: getentry(),
//獲取js下面的所有輸出js,多頁面嘛
function getentry() ;
jspath.foreach(function(item)
});return files;}1
2345
6789
1011
1213
1415
1617
18# webpack.dev.conf.js
var basewebpackconfig = require('./webpack.base.conf');
var pages = function() );
}();
for(var i = 0; i
var chunkname = pages[i];
var conf =
basewebpackconfig.plugins.push(new htmlwebpackplugin(conf));
}想必聰明的你還記得我之前說過的 inject 這個引數吧
如果inject: true,那麼每個頁面會注入entry中所有的js，所以配置為false，js自己寫入
相對的,webpack.prod.conf.js也需要做相應配置。
至於其他資源檔案路徑什麼報錯問題，請自行解決，畢竟專案架構不同，錯誤也不盡相同。
我也是吃了很多苦頭，排盡萬難，終於把之前用gulp搭建的專案轉換成webpack之後，並沒有興奮。
因為結果並不令我滿意，為什麼呢？
因為坑太多，太慢，太痛，太捉急，等等。至此擱筆，果斷拋棄此方案！
鏈結那些事兒
鏈結，就是將不同部分的 和資料收集和組合成為乙個單一檔案的過程，這個檔案可被載入到儲存器中執行。鏈結可以執行於編譯時 compile time 也就是源 被翻譯成機器 時 eg.普通的鏈結器鏈結，以及靜態鏈結庫，由靜態鏈結器鏈結 也可以執行於載入時 例如動態鏈結庫的載入時鏈結 也可以執行於執行時 r...
指標那些事兒
1.野指標 也叫懸擺指標，迷失指標 野指標是導致bug的罪魁禍首之一。對指標呼叫delete後 釋放掉了它指向的記憶體，野指標還是指向原來的位址 如果沒有重新賦值就使用它，將導致難以預料的後果。因為此時操作野指標，它指向的記憶體位址可能已經分配給其他變數在使用了。所以指標在delete之後，如果不再...
遞迴那些事兒
include include include include 求階乘 int fac int n if n 1 求累加 int add int n 求字串長度 int my strlen const char dest int main 遞迴注意事項 遞迴雖然經典，但是也有他的缺點 第一 遞迴是反...