當我點擊docpad generate
時,我想縮小HTML,CSS和JavaScript文件,我該怎麼做?如何縮小DocPad中的HTML,CSS和JavaScript文件?
8
A
回答
10
有幾種方法可以解決這個問題。最突出和最直接的方法是修改您的docpad configuration file以觸發外部工具,如grunt通過grunt minify task來縮小您的資產。 Here is a gist that showcases this.
或者,也有Cloudflare這是一個了不起的網站DNS服務器,它也充當您的網站內容的CDN,並在部署後自動縮小您的資產。 Read more here.
此外,雖然它沒有縮小關係,但您也可以使用this gist將腳本與Browserify連接起來。 Grunt也可以通過grunt concat task.
更直接的連接方式。最終,也許插件會自動執行此操作,但考慮到連貫性的浮躁可能會有一段時間。
3
- 將gruntjs用於JS文件。 (Grunt將掛接到docpad生成)
- 使用grunt-contrib-mincss獲取css文件。
- 將grunt-contrib-htmlmin用於html文件。
- 使用grunt-compress壓縮所有文件。
對於所有的咕嚕插件列表看看這裏: https://github.com/gruntjs
相關問題
- 1. 如何用CSS和Javascript來縮小HTML?
- 2. 使用Docpad縮小html
- 3. 如何縮小CSS和Javascript?
- 4. 如何縮小和合並Javascript和CSS
- 5. 用HTML/CSS縮小文本
- 6. 聯合縮小和壓縮CSS/JavaScript的
- 7. 如何集中縮小reCaptcha? HTML CSS
- 8. 如何縮小JavaScript/jQuery中的HTML塊?
- 9. 縮小,Maven的插件縮小HTML和XML文件也
- 10. HTML,CSS,JS縮小
- 11. 如何合併/縮小Css文件?
- 12. 如何一次縮小多個HTML/CSS文件?
- 13. 如何在rails上壓縮css文件和javascript文件
- 14. 如何在mod_perl中打包/縮小css和js文件?
- 15. 如何使用Gulp從SASS/SCSS中縮小和Autoprefix CSS文件
- 16. JavaScript/HTML/CSS:縮放
- 17. 更新Grav主題的「未縮小」CSS文件後,如何縮小CSS?
- 18. 組合和縮小CSS/JS文件
- 19. Laravel縮小css和js文件
- 20. 如何混淆或縮小Javascript文件
- 21. 壓縮CSS和JavaScript文件用PHP
- 22. 在webapp2的部署中縮小/壓縮javascript和css?
- 23. JavaScript文件中的縮小CSS - 爲什麼?
- 24. 純HTML和壓縮JavaScript文件
- 25. HTML - 如何加載css/javascript文件?
- 26. 如何使用Shake FilePatterns來縮小JS和CSS文件?
- 27. 用php,javascript,html和css壓縮網頁
- 28. 如何縮小HTML?
- 29. Pagepeed + nginx + https - 不會縮小css和javascript
- 30. 如何壓縮css和js文件?