使用 Grunt 获取 Bower 在 Yeoman 生成器中安装的 jQuery 版本答案

【问题标题】：Get the jQuery version Bower has installed in Yeoman generator with Grunt使用 Grunt 获取 Bower 在 Yeoman 生成器中安装的 jQuery 版本
【发布时间】：2013-10-09 12:13:01
【问题描述】：

我正在编写我的第一个 Yeoman 生成器。对于 index.html 页面，我引用了 Google 上托管的 jQuery 文件，并带有本地回退。我正在使用 Bower 来获取最新版本的 jQuery。因此，目前我的 jQuery 参考如下所示：

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="assets/bower_components/jquery/jquery.min.js"><\/script>')</script>

这并不理想，因为每次使用此生成器时，用户都必须检查 Bower 获取的 jQuery 版本，然后使用相同的版本号更新托管链接中的版本部分。

有没有办法自动获取版本号并更新托管 url，大概是使用 Grunt？

注意：我不是在寻找最新托管版本的链接，也不想指定 Bower 获取哪个 jQuery 版本，因为我希望它是创建时的最新版本。

【问题讨论】：

标签： gruntjs yeoman bower yeoman-generator

【解决方案1】：

是的，看看grunt-replace。这是一个替换链接的示例配置：

    replace: {
        options: {
            patterns: [{
                match: '/@jQueryCDN/g',
                replacement: function() {
                    var jQconf = grunt.file.readJSON('bower_components/jquery/bower.json');
                    return '//ajax.googleapis.com/ajax/libs/jquery/' + jQconf.version + '/jquery.min.js'
                },
                expression: true
            }]
        },
        files: {
            src:  'static/index.html',
            dest: 'build/index.html'
        }
    }

然后只需在要插入路径的位置使用@jQueryCDN。 :)

【讨论】：