使用grunt.js和require.js连接，缩小，并注入javascript/css内联到HTML文档

Question

也许我的google-fu今天失败了，但是我正在寻找一个例子/方法来配置grunt.js将编译后的javascript(和CSS)的内容插入到最终渲染的HTML文档中(以帮助加载/渲染时间)。

有人这样做过吗，或者可以给我指出正确的方向吗?

Answer 1

看看grunt-usemin。有了这个任务，你可以在你的脚本/样式标签周围添加注释。该任务将查找注释开始/结束和此文件的concat/minify/build要求之间的所有源

<!-- build:js build/js/app.js -->
<script src="js/controllers/thing-controller.js"></script>
<script src="js/models/thing-model.js"></script>
<script src="js/views/thing-view.js"></script>
<!-- endbuild -->

例如，这个块将导致文件app.js包含所有缩小/连接的文件，并创建一个新的html文件，用<script src="build/js/app.js"></script>