1. 程式人生 > >用node.js和webpack做前後端分離的總結

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

調用 以及 定向 roc 目錄 加載 動靜 con 腳本

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做前後端分離的總結