打字稿和丑化任务

C0ol_Cod3r

好的,所以我正在玩打字稿,并希望使用它来减少我的代码,但据我所知,打字稿不能做到这一点。所以II像这样建立了我的Gruntfile

module.exports = function(grunt) {
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),

    ts: {
      default: {
        files: {
          '/js/builds/admin.js': ['/typescript/admin/*.ts'],
          '/js/builds/main.js': ['/typescript/main/*.ts'],
          '/js/builds/public.js': ['/typescript/public/*.ts']
        }
      },
      options: {
        fast: 'never',
        sourceMap: false
      },
    },

    'uglify': {
      options: {
        preserveComments: 'some',
      },
      my_target: {
        files: {
          //Libs Files
          '/assets/js/libs.js': [
            '/js/libs/jquery-3.1.1.min.js',
            '/js/libs/underscore-1.8.3.min.js',
            '/js/libs/backbone-1.3.3.min.js',
          ],

          //Plugin Files
          '/assets/js/plugins.js': [
            '/js/plugins/alertify.min.js',
          ],

          //Admin Build
          '/assets/js/our_admin.js': [
            '/js/builds/admin.js'
          ],

          //Main Build
          '/assets/js/main.js': [
            '/js/builds/main.js'
          ],

          //Public Build
          '/assets/js/public.js': [
            '/js/builds/public.js'
          ]
        }
      }
    },

    watch: {
      'TypeFiles': {
        files: ['/typescript/**/*.ts'],
        tasks: ['ts'],
        options: {
          spawn: false
        },
      },

      'JSFiles': {
        files: ['/js/**/*.js'],
        tasks: ['uglify'],
        options: {
          spawn: false,
        },
      },
    }
  });

  grunt.loadNpmTasks("grunt-ts");
  grunt.loadNpmTasks('grunt-contrib-uglify');
  grunt.loadNpmTasks('grunt-contrib-watch');
};

而我想做的是将打字稿构建到标准javascript中,然后自动运行我的uglify任务。

就目前而言,如果我添加/编辑任何lib或插件文件(因为它们与我的打字稿无关),它就可以工作,但是当我编辑打字稿文件时,它将构建JS文件,但不运行uglify任务吗?

那么,如何在ts任务完成后如何执行uglify任务?

非常感谢。

C0ol_Cod3r

我认为我有解决此问题的方法。我将TS任务添加到了JSFiles监视任务中,并将打字稿文件添加到了应监视的文件列表中,如下所示:

'JSFiles': {
  files: ['/js/**/*.js', '/typescript/**/*.ts'],
  tasks: ['ts', 'uglify'],
  options: {
    spawn: false,
  },
},

现在这可能是最好的选择,因为完成打字稿和缩小任务将需要一些时间。但是我已经在Symfony2中设置了这个项目,我更喜欢设置指向产品的新项目。文件。

谢谢

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章