将 Uglified Javascript 嵌入到 Jade 模板中

Question

我有一个项目使用 grunt 从 Jade 模板构建我的网站，还使用 ​​uglify 任务 (grunt-contrib-uglify) 构建和连接 JavaScript。

由于我正在构建单页应用程序，而不是链接到我的 JavaScript 的外部 uglified 版本，我想将 uglified 版本构建到我的翡翠模板中并节省额外的 http 请求。

在我的 grunt 文件中，如何让 uglify 将其内容传递到我的 Jade 模板中，而不是将其构建为外部文件？

欢迎任何想法。

Answer 1

一种方法是简单地将丑陋的 javascript 字符串作为data for your jade template 传递。对于翡翠任务，为您的数据键使用一个函数，该函数读取并返回丑化文件的内容（例如使用grunt.file.read）。

显然确保你的uglified任务在你的jade任务之前运行。