1

我正在使用 Grunt 构建我的应用程序,并且我想在每次提交时生成一个内部版本号。我希望将此数字插入到我的 index.html 文件中,以允许缓存清除。

我的 index.html:

<html>
<head>
    <link type="text/css" rel="stylesheet" href="assets/css/main.css?v=<%VERSION%>" />
</head>
<body>
<script>
    //require global configuration
    var require = {
        "urlArgs": "v=<%VERSION%>"
    };
</script>
<!--entry point to application is main.js-->
<script data-main="main.js" src="assets/js/lib/require/require.js"></script>
</body>
</html>

所以我想替换 CSS 链接中的 <%VERSION%> 和 require 配置。

是否有任何 Grunt 任务可以做到这一点?我正在使用 grunt-contrib-requirejs 进行优化。那能帮上忙吗?

4

1 回答 1

2

我最终保持简单,并使用 grunt-text-replace 插件将占位符 (@@BUST@@) 替换为时间戳。

replace: {
            bust: {
                src: ['./target/*.html'],
                overwrite: true,                 // overwrite matched source files
                replacements: [
                    {
                        from: '@@BUST@@',
                        to: "<%= new Date().getTime() %>"
                    }
                ]
            }
        }
于 2013-10-04T10:48:49.067 回答