使用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中？

回答

相关问题