简短版:
是否有一种使用Grunt的方法,可以将压缩后的CSS和JavaScript内联呈现?
以usemin的格式为例,我想看到类似于这样的内容:
<!-- build:css inline -->
<link rel="stylesheet" href="styles/foo.css">
<link rel="stylesheet" href="styles/bar.css">
...
<!-- endbuild -->
<!-- build:js inline -->
<script src="js/foo.js"></script>
<script src="js/bar.js"></script>
...
<!-- endbuild -->
转换后变成了这样:
<style>body { color: red; } /*css is here*/</style>
<script>var foo = 1; bar = 'some javascript code is here'; ...</script>
简要版本:
我正在制作Tumblr主题,但上传CSS或JS文件需要使用Tumblr提供的糟糕的网络表单,而这种方式没有删除上传文件的选项。为了避免这一问题,在开发过程中,我将CSS和JS文件复制到<style>和<script>标签中,然后将整个代码复制到Tumblr主题编辑器中。虽然这样做更快,但手动将CSS和JS复制到文件中似乎违背了Grunt的灵魂和提供的自动化功能。
理想情况下,我希望能运行grunt build
,然后生成一个带有内联CSS和JS的HTML文件,然后再将其复制到Tumblr界面中。但是Tumblr不提供FTP或SSH等实用接口,因此我只能采用上述方法。
我尝试使用grunt-usemin
实现这一功能,但无法按照预期工作。如果有任何人知道可以完成此操作的Grunt工具,我愿意尝试使用它们。