用node.js和webpack做前後端分離的總結

標籤：目錄   參數   編譯   等等   node   處理   方式   nodejs   express   

1.webpack打包的特點 （打包檔案到指定地點，修改原檔案裡的引用路徑為打包的地點） 涉及output的path/public path/dev-server裡的public path等概念

　webpack的入口是js檔案，可以包辦從js裡引入的css和其他html模組，但無法包辦根html檔案(index.html)，即引入webpack入口js檔案的html檔案。

2.開發環境（dev）和生產/線上環境(prod)的區分 （是否壓縮，不同的打包路徑，不同的config等等）

3.express如何調用靜態檔案 express.static() 以及app.use是如何處理url（按順序處理，接管子路徑，static的載入規則(是否重新導向目錄，是否使用預設的index)等等）

4.dev-server中引用的目錄問題，有一些是以node.js實際啟動指令碼位置的目錄為基準的。(與nodeJs中不同的路徑表示方式有關)

5.webpack的熱更新中介軟體配置，可以在啟動靜態資源前使用webpack進行編譯，並且監視變化

6.process是node的全域變數，global.process 可以通過它取到運行指令碼時在命令列輸入的參數 ，以此控制是測試狀態還是開發狀態。

用node.js和webpack做前後端分離的總結