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

标签 javascript angularjs yeoman grunt-usemin angular-fullstack

我想使用 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 代码吗? 源文件可以位于一个大文件中,但它们仍然应该可读。

    最佳答案

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

    关于javascript - 如何在不缩小的情况下构建 Yeoman Angular-FullStack,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30026133/

    相关文章:

    node.js - 安装 Yeoman 时遇到问题

    javascript - Grunt 服务命令抛出错误

    yeoman - 如何在特定目录中安装Bower依赖项?

    javascript - 嵌套依赖性 Backbone.js View 与 Require.js Backbone.js 导致 View 加载为对象而不是函数

    javascript - var name 和 window.name

    javascript - 将 json 数据从 Controller 传递到指令并在 View 中显示

    javascript - ng-change 函数不更新 ng-model 值

    javascript - 有人可以解释以下 javascript

    javascript - 如何从 Javascript 连接到 XMPP 服务器

    javascript - 使用 CordovFile 依赖项创建嵌套文件夹