gruntjs - grunt-wiredep 对具有不同依赖关系的多个文件

Question

当前的项目结构有点像这样:

-index.html
|
-bower.json
|
+-bower_components

建议的项目结构将在项目根目录中添加更多静态 html 文件。到目前为止，我一直在管理 Bower.json 中的所有前端依赖项，并使用 grunt-wiredep 任务将其自动包含在 index.html 中。但随着新文件的添加，每个文件将具有不同的依赖关系集。

-index.html
|
-file-with-some-other-bower-dependency.html
|
-bower.json
|
+bower_components

管理这些具有不同 Bower 依赖项的文件的有效方法是什么？

Answer 1

您可以执行两个不同的任务，每个任务都有自己的依赖项(bowerJson):

  grunt.initConfig({
wiredep: {
  app: {
    src: 'index.html',
    "bowerJson":{
      "dependencies": {
        "jquery":"=2.1.3",
          ...
      }
    }

  },
  app2: {
    src: 'file-with-some-other-bower-dependency.html',
    "bowerJson": {
      "dependencies": {
        "bootstrap": "~3.0.0",
        ...
      }
    }
  }}