javascript - 如何在不缩小的情况下构建 Yeoman Angular-FullStack

Question

我想使用 Gruntfile 的构建任务，该任务是 yeoman Angular-fullstack 项目的一部分。不过，我希望 JS 代码仍然可读，并且还希望避免资源文件名被重命名。

到目前为止，我对 Gruntfile 进行了以下更改:

1. 更改 useminPrepare 中的默认流程行为

在 grunt 文件中:

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: {}
    }


  }
}

不执行 imagemin 或 svgmin

在 grunt 文件中:

    concurrent: {
      // ...
      dist: [
        'sass',
        // 'imagemin',
        // 'svgmin'
      ]
    },

更改构建任务

在 grunt 文件中:

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. Assets /图像丢失
3. html 部分缺失。只有index.html 存在

任何人都可以帮助我为 dist 文件夹设置一个构建过程，该文件夹仍然具有正确的图像文件名以及仍然可读的 html 和 js 代码吗？源文件可以位于一个大文件中，但它们仍然应该可读。

Answer 1

重新添加 imagemin 和 svgmin-tasks，它们只是尝试压缩您使用的图像，不会使您的代码不可读。