javascript - 如何在不缩小的情况下构建 yeoman angular-fullstack

Question

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

到目前为止，我在以下内容中更改了 Gruntfile：

1. 在 useminPrepare 中更改默认流行为

在 gruntfile 中：

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


  }
}

2. 不要执行 imagemin 或 svgmin

在 gruntfile 中：

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

3. 更改构建任务

在 gruntfile 中：

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 存在

谁能帮我为 dist 文件夹设置一个构建过程，该文件夹仍然具有正确的图像文件名，html 和 js 代码仍然可读？源文件可以在一个大文件中，但它们仍然应该是可读的。

Answer 1

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