Question

我使用Yo angular-genertor构建一个Angular App，

我正在使用Grunt Build构建应用程序，然后我添加了Bootstrap 3以及npm install grunt-bower-install

我将这些行添加到Grunt文件

module.exports = function (grunt) {


  require('load-grunt-tasks')(grunt);

  require('time-grunt')(grunt);

  //ADDED THIS LINE
  grunt.loadNpmTasks('grunt-bower-install');

  grunt.initConfig({

    yeoman: {
      // configurable paths
      app: require('./bower.json').appPath || 'app',
      dist: 'dist'
    },
     //ADDED THESE LINES
    'bower-install': {
        target: {
            src: [
              'app/index.html'
            ],

          }
        },

我已删除了这些行！

现在Grunt Build正在抛出此错误

Running "bowerInstall:app" (bowerInstall) task
Warning: Cannot read property 'main' of undefined Use --force to continue.

Aborted due to warnings.

我确实知道该做什么甚至从哪里开始？

Answer 1

在我的yeoman生成的项目中，此任务看起来像：

'bower-install': {
  app: {
    html: '<%= yeoman.app %>/index.html',
    ignorePath: '<%= yeoman.app %>/'
  }
},

在较新版本中，而不是html使用src：

'bowerInstall': {
  app: {
    src: ['<%= yeoman.app %>/index.html'],
    ignorePath: '<%= yeoman.app %>/'
  }
},

也许你适应你的情况。虽然我认为它应该没有变化。

但你几乎一样，所以也许是另一个地方的问题。

Answer 2

我找到了答案，

我只需要运行Bower Install，

Grunt构建不适用于Yo Angular

2 个答案: