2016-04-03 18 views
2

bir yolu var mı webpack böyleCSS ve js dosyalarını tek bir HTML dosyasına nasıl paketlerim?

<link rel="stylesheet" href="./style.css"> 
<script src="./script.js"></script> 

olarak benim HTML etiketlerini işlemek Ve Yani benim sunucularından tek bir dosya hizmet edebilir

<style> 
    //contents of minified style.css 
</style> 
<script> 
    //bundled and minified script.js 
</script> 

altında toplayabilirsiniz ki? Bunu Processhtml grunt eklentisiyle yapmayı başardım, ancak bu projede yapı sistemi olarak grunt kullanmıyorum.

+0

Belki de [html-webpack-eklenti] (https://www.npmjs.com/package/html-webpack-plugin) bir göz atmaya değer mi? Bunu yapmak için bir şablon içinde birkaç yükleyiciyi uygulayabileceğinizi hissediyorum. –

+0

"GULP" yi web uygulamaları için oluşturulmuş bir sistem deneyin. –

cevap

2

Bunu kullanarak web paketini kullanarak; Eklenti-text-webpack-plugin, html-webpack-plugin ve UglifyJsPlugin Ayrıca, paket oluşturulduktan sonra eklenti çirkinlik yaptıkça, demetleme sırasında çirmek istiyorsanız, çirkin yükleyici de vardır.

İlgili konular