有一些關於角度的: 當代碼在線時 你可以將它打包爲js,這樣就可以減少HTTP請求的數量; 現在我將所有文件打包成一個包。 Js,但加載該網站需要20秒 我該如何處理它? - 注:包裝技術使用webpack關於壓縮的webpack
0
A
回答
0
做完你的ng build -prod你可以用uglifyjs壓縮你的js文件。
- 全球安裝:
NPM安裝醜化-JS -g
- 壓縮您的js文件。 (和選擇將是壓縮它們一個接一個)
uglifyjs main.bundle.js -c頂層,序列=假-o main.bundle.min.js
uglifyjs inline.bundle的.js -c 頂層,序列=假-o inline.bundle.min.js
uglifyjs polyfills.bundle.js -c頂層,序列=假-o polyfills.bundle.min.js
uglifyjs vendor.bundle.js -c 頂層,序列=假-o vendor.bundle.min.js
uglifyjs styles.bundle.js -c頂層,序列=假-o styles.bundle.min。 JS
- 變化的index.html指.min.js
**注:我會建議創建一旦你嘗試,它會自動做這個NPM腳本。要做到這一點改變你的package.json:
"scripts": {
...
"compress": "sh compress.sh"
},
然後用運行 - >NPM運行腳本壓縮
相關問題
- 1. webpack壓縮不壓縮
- 2. gzip和webpack壓縮
- 3. Webpack壓縮路徑名
- 4. 關於PHP和GZ-壓縮
- 5. 關於壓縮算法
- 6. 關於壓縮/解壓縮技術的文檔
- 7. 未提供Webpack gzip壓縮包,未壓縮包是
- 8. 關於壓縮數據的問題
- 9. 在webpack-dev-server上啓用gzip壓縮?
- 10. 關於壓縮緩存文件
- 11. Java:解壓縮明顯慢於壓縮
- 12. 如何使用webpack構建縮小的和未壓縮的包?
- 13. Webpack Babel - 關於.babelrc
- 14. Maven YUI壓縮器,concat但不縮小(關閉壓縮)
- 15. 「啓動」或「訓練」將用於壓縮/解壓縮的壓縮算法?
- 16. 壓縮用於CIFilter的PNG
- 17. 關於用於圖像壓縮的Jpeg Compression Coeffients
- 18. 適用於Flash的ActionScript 2的壓縮和解壓縮工具
- 19. 有關圖像壓縮
- 20. 用於壓縮/解壓縮的便攜式java解決方案
- 21. 壓縮產生的壓縮過於頻繁嗎?
- 22. 需要用於文本壓縮/解壓縮的僞代碼
- 23. 壓縮/解壓基於概率
- 24. 對於文件小於10MB,壓縮率最大的文件的壓縮算法
- 25. YUI壓縮機對於.NET
- 26. LZMA壓縮對於VB6/VBA?
- 27. CouchDB壓縮和文檔刪除 - 壓縮無關緊要?
- 28. 關於壓縮的AndroidManifest.xml文件格式的文檔
- 29. 解壓縮(解壓縮)由.net壓縮(解壓縮)的文件.net system.io.compression.gzipstream
- 30. DeflateStream壓縮/解壓縮inconsitency
你與-prod標誌建立呢? – Carsten
這些鏈接非常適合提高性能。 [Link 1](http://blog.mgechev.com/2016/06/26/tree-shaking-angular2-production-build-rollup-javascript/), [Link2](http://blog.mgechev .com/2017/01/17/angular-in-production /) –