0

yeoman angular-fullstack プロジェクトの一部である Gruntfile のビルド タスクを使用したいと思います。ただし、JS コードを引き続き読み取り可能にし、アセットのファイル名を変更しないようにしたいと考えています。

これまでのところ、Gruntfile を次のように変更しました。

  1. useminPrepare でデフォルトのフロー動作を変更する

グラントファイルで：

useminPrepare: {
  html: ['<%= yeoman.client %>/index.html'],
  options: {
    dest: '<%= yeoman.dist %>/public',

    // default flow behavior : https://github.com/yeoman/grunt-usemin#flow
    // change the default flow behavior
    flow: {
      steps: {
        js: ['concat'],
        css: ['concat']
      },
      post: {}
    }


  }
}
  1. imagemin または svgmin を実行しないでください

グラントファイルで：

    concurrent: {
      // ...
      dist: [
        'sass',
        // 'imagemin',
        // 'svgmin'
      ]
    },
  1. ビルドタスクの変更

グラントファイルで：

grunt.registerTask('build', [
    'clean:dist',
    'injector:sass',
    'concurrent:dist',
    'injector',
    'wiredep',
    'useminPrepare',
    'autoprefixer',
    'ngtemplates',
    'concat',
    'ngAnnotate',
    'copy:dist',
    'cdnify',
    //'cssmin',
    //'uglify',
    // 'rev',
    'usemin'
  ]);

プロジェクトをビルドすると、

  1. jsコードはapp.jsにすべて含まれていますが、読み取り可能であるため問題ありません
  2. アセット/画像がありません
  3. html パーシャルがありません。index.html だけがあります

画像とhtmlおよびjsコードの正しいファイル名がまだ読み取り可能なdistフォルダーのビルドプロセスをセットアップするのを手伝ってくれる人はいますか? ソース ファイルは 1 つの大きなファイルにすることができますが、読み取り可能である必要があります。

4

1 に答える 1

1

imagemin および svgmin-tasks を追加し直します。これらは使用する画像を圧縮しようとするだけで、コードが判読不能になることはありません。

于 2015-05-04T09:04:51.957 に答える