Grunt usemin:不是生成我的新index.html,而是连接和缩小我的脚本



我需要你的帮助:)

我正在尝试使用usemin来构建我的angular应用程序。基本上,我想生成一个新的index.html,它只引用一个经过适当缩小的.js文件。

app.js文件的生成是正确的,但我的新index.html不是。

我对咕哝和使用很陌生,但这是我的咕哝文件:

grunt.initConfig({
    pkg: grunt.file.readJSON('bower.json'),
    useminPrepare: {
      html: 'public/index.html',
      options: {
        dest: 'dist'
      }    
    },
    concat: {
      generated: {
        files: [
          {
            dest: '.tmp/concat/js/app.js',
            src: ['public/**/*.js', '!public/bower_components/**']
          }
        ]
      }
    },
    uglify: {
      generated: {
        files: [
          {
            dest: 'dist/js/app.js',
            src: [ '.tmp/concat/js/app.js' ]
          }
        ]
      }
    }
  });
grunt.registerTask('build', [
'useminPrepare',
'concat:generated',
'uglify:generated',
'usemin'
]);

这是我的index.html:的相关部分

<!-- build:js js/app.js -->
<script src="app.js"></script>
<script src="domain/domain.js"></script>
<script src="domain/landingPage/landingPageController.js"></script>
...
<!-- endbuild -->

我的文件夹结构是:

+- public
|   +- index.html
|   +- domain
|       +- js files       
+- gruntfile

感谢您的提前帮助!!

我从@KevinB那里获得了这个文件,并创建了一个更简单的文件,它可以满足我的需求。还有一些粗糙的边缘,但它确实回答了这个问题。

    grunt.initConfig({
    pkg: grunt.file.readJSON('bower.json'),
    clean: [ 'dist' ],
    copy: {
      build: {
        files: [
          {
            expand: true,
            cwd: 'public/',
            src: [ '**', '!**/**/*.js' ],
            dest: 'dist'
          }          
        ]
      }
    },
    processhtml: {
        dist: {
          files: {
            'dist/index.html': ['dist/index.html']
          }
        }
    },
    concat: {
      generated: {
        files: [
          {
            dest: 'dist/js/app.js',
            src: ['public/**/*.js', '!public/bower_components/**']
          }
        ]
      }
    },
    
    uglify: {
      generated: {
        files: [
          {
            dest: 'dist/js/app.js',
            src: [ 'dist/js/app.js' ]
          }
        ]
      }
    }    
  });
  
  grunt.registerTask('build', [
    'clean',
    'copy',
    'processhtml',   
    'concat:generated',
    'uglify:generated'
  ]);

相关内容

  • 没有找到相关文章

最新更新