【问题标题】:how to incorporate grunt-vulcanize into the chromeapp yeoman generator's Gruntfile.js?如何将 grunt-vulcanize 合并到 chromeapp yeoman 生成器的 Gruntfile.js 中?
【发布时间】:2014-07-30 13:23:25
【问题描述】:

我正在尝试制作一个包含一些聚合物元素的 chromeapp - 聚合物列表和我自己的一个。

我从yeoman chromeapp generator 开始,但没过多久我就遇到了一些csp 问题,我发现我应该使用vulcanize tool。当我尝试使用命令行版本时,它似乎工作得很好。

然后我开始希望在构建过程中自动为我完成这项工作,因此我考虑将其添加到由 chromeapp yeoman 生成器生成的 Gruntfile.js 中。我找到了grunt task,它提供了将其添加到 Gruntfile.js 的说明。

但是,我了解到 Yeoman 生成器的一件事是,开发人员应该在 app/ 目录中调试他们的应用程序,并且只有在构建优化版本(可能是为了分发)时才“构建”。考虑到这一点,硫化步骤似乎即使对于调试也是必要的(因为由于 csp,聚合物在 chromeapp 中无法开箱即用),因此它是一个中间步骤。因此,对于初学者(我猜是 Yeoman 的一部分观众)来说,这需要更多的努力。

所以,现在我想知道如何做到这一点。看起来确实有人已经做过,但我找不到任何例子。

我已经处理了一些projects 使用两步 grunt 构建过程(由于主要有多个目标),因此流程是这样的:app/ -> build/app -> app/crx . IINM,第一步只是将所有位组合在一起,并替换应用程序名称和版本号/等;第二步进行优化(uglify/minify/etc)。 我想这个问题的解决方案是做类似的事情,调试/开发是在中间步骤的构建/应用上完成的。

我在我引用的 webapp 项目中对 grunt 做了一些摆弄(甚至写了one),但是这个生成器使用的插件对我来说不是很熟悉。

那么,我的问题是,是否有人已经这样做了,或者如果我误解了任何内容/等,请进行更正。另外,如果有人对如何将 grunt vulcanize 任务集成到 chromeapp Yeoman 生成器提供的 Gruntfile.js 中提出建议,那么我会尝试一下。

【问题讨论】:

    标签: gruntjs google-chrome-app polymer yeoman-generator


    【解决方案1】:

    我自己研究了一个解决方案并提出了this

    该解决方案有些复杂,但实际上确实添加了一个中间步骤,其中 grunt 'build' 目标是用于将 app/ '编译'(只是硫化)到 build/ 的步骤,而旧的构建目标变成了 'dist'它优化了 build/ 到 dist/ 中。 目的是现在在 build/ 中完成开发,并且 dist/ 中的优化代码用于构建包 (crx) 以进行分发。

    它仍然有些未完成,当然还没有准备好向上游推送到 yeoman 生成器,但我希望它对某人有所帮助。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-08-03
      • 1970-01-01
      相关资源
      最近更新 更多