使用GruntJS將CSS和JS文件嵌入到HTML中？

目前我正在爲我正在使用的項目使用靜態HTML頁面，並且它們都需要相同的CSS和JS文件。現在不用複製腳本，我想用GruntJS插入所有標籤。使用GruntJS將CSS和JS文件嵌入到HTML中？

例如，如果我們有「的css/style.css文件」，然後插入

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

但是它不應該被硬編碼，因此它應該插入的實際文件名和路徑。這是否有可能？

來源

2014-01-11 user3048402

我覺得沒辦法:) –

一對夫婦的想法：

首先，用設置了contrib複製與內容處理繁重的模板：

grunt.config('copy', { 
    options: { 
     processContent: function (content, srcpath) { 
     return grunt.template.process(content); 
     } 
    } 
    });

現在，只要您在HTML文件複製到目的地，任何咕嚕模板標記將被替換爲適當的值。

假設你有一個HTML文件是這樣的：

<html> 
    <head> 
     <%= something %> 
    </head> 
</html>

所有你需要那麼會是這樣，在你的配置的話：現在

grunt.initConfig({ 
    something: "<doh></doh>" 
});

的「東西」的內容或許應該來自另一個任務的結果（一個可以複製所有css/js文件的任務） - 這不應該太難。

你應該先玩一下，閱讀文檔，並用grunt-template，grunt-contrib-copy和創建自定義的grunt任務做一些測試 - 然後要求一個更具體的問題。

http://gruntjs.com/creating-tasks

https://github.com/gruntjs/grunt-contrib-copy

http://gruntjs.com/api/grunt.template

希望有所幫助。

來源

2014-01-11 19:42:48

這太棒了！感謝您的幫助:) – user3048402

快樂它幫助;） –

使用GruntJS將CSS和JS文件嵌入到HTML中？

回答

相關問題