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

时间:2013-06-18 17:51:01

标签: requirejs gruntjs

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

有没有人这样做,或者能指出我正确的方向?

1 个答案:

答案 0 :(得分:2)

看看grunt-usemin。通过此任务,您可以在脚本/样式标记周围添加注释。该任务将在注释的开始/结束和此文件的concat / minify / build requirejs之间找到所有来源

<!-- 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>替换块