Question

我的问题如下;我使用grunt-include-source（https://www.npmjs.com/package/grunt-include-source）将我的脚本和css包含到我的index.html中，这工作正常，但我只能指定一个basepath，我想设置这个插件对于开发和生产。（我使用相同的文件夹结构，所以我的index.html中没有任何改变，唯一的区别是在我的生产中连接）

 includeSource: {
  options: {
    basePath: 'dev'
  },
  myTarget: {
    files: {
      'dev/index.html': 'app/index.html'
    }
  }

},

上面的代码工作正常，现在我想要有两种不同的配置，但是这样的东西在运行任务时不起作用includeSource：dev：

 includeSource: {
  dev: {
    options: {
      basePath: 'dev'
     },
     myTarget: {
      files: {
      'dev/index.html': 'app/index.html'
      }
     }
   },
   prod: {
    options: {
      basePath: 'prod'
     },
     myTarget: {
      files: {
      'prod/index.html': 'app/index.html'
      }
     }
   }
},

index.html：

 <!-- include: "type": "js", "files": "scripts/*.js" -->

任何人都可以帮助我实现这一目标吗？

编辑：为了更清楚一点，我在生产或开发的构建完成后运行此脚本，对于我的prod / dev，所有脚本都存储在scripts /

中

亲切的问候，

Answer 1

只需将此任务配置为：

includeSource: {
  options: {
    basePath: 'dev/'
  },
  dev: {
    files: {
      'dev/index.html': 'app/index.html'
    }
  },
  prod: {
    options: {
      basePath: 'dist/'
    },
    files: {
      'dist/index.html': 'app/index.html'
    }
  }
},

grunt-include-source多种配置

1 个答案: