在本地呈現壓縮文件到angular2應用

Question

由於angular2應用中bundle.js文件的大小很大，我已經在webpack中配置了compression-webpack-plugin來壓縮這些文件，並且在靜態dist文件夾中按預期生成了壓縮文件.js.gz。當瀏覽器請求應用程序時，我會首先在本地爲瀏覽器提供.js.gz文件（以及開發環境和其他環境）。我怎樣才能做到這一點？

Answer 1

您使用哪臺服務器來爲您的本地靜態dist文件夾提供服務？

這是它的工作來操縱你的.js.gz文件。

隨着節點的精簡版服務器，您可以添加這些選項：

// lite-server-config.js 
module.exports = { 
    ... 
    server : { 
    middleware : { 1 : require('compression')() } 
    ... 
    } 
}; 

對於的WebPack-dev的服務器，你可以嘗試使用 '壓縮' 選項來運行：

$> webpack-dev-server --compress 

來源：http://webpack.github.io/docs/webpack-dev-server.html#webpack-dev-server-cli