Question

我是Angular 2开发的新手，如果还不够，我会尝试将Play框架作为后端进行集成。

我正在努力关注Denis Sinyakov关于这种设置的精彩帖子：https://www.toptal.com/java/building-modern-web-applications-with-angularjs-and-play-framework

我们的想法是将传入Angular应用程序的请求代理到Play应用程序。

它建议将'autoprefixer'任务包含在我遇到问题的配置中。当我启动Angular应用程序时，我得到以下错误：

jit-grunt: Plugin for the "autoprefixer" task not found.

以下是我感兴趣的Gruntfile.js的一部分。

// Time how long tasks take. Can help when optimizing build times
  require('time-grunt')(grunt);

  // Automatically load required Grunt tasks
  require('jit-grunt')(grunt, {
    useminPrepare: 'grunt-usemin',
    ngtemplates: 'grunt-angular-templates',
    cdnify: 'grunt-google-cdn'
  });

  // Configurable paths for the application
  var appConfig = {
    app: require('./bower.json').appPath || 'app',
    dist: 'dist'
  };

和这个

grunt.registerTask('serve', 'Compile then start a connect web server', function (target) {
    if (target === 'dist') {
      return grunt.task.run(['build', 'connect:dist:keepalive']);
    }

    grunt.task.run([
      'clean:server',
      'wiredep',
      'concurrent:server',
      'autoprefixer:server',
      'configureProxies:server',
      'connect:livereload',
      'watch'
    ]);
  });

感谢有关如何安装此插件的所有提示，并在必要时进一步配置。

Answer 1

jit-grunt: Plugin for the "autoprefixer" task not found.

这意味着jit-grunt无法找到autoprefixer模块您可以像这样更新jit-grunt：

require('jit-grunt')(grunt, {
    useminPrepare: 'grunt-usemin',
    ngtemplates: 'grunt-angular-templates',
    cdnify: 'grunt-google-cdn',
    autoprefixer: 'grunt-autoprefixer', //help jit resolve autoprefixer
  });

最佳使用上面但如果jit-grunt仍有问题，你可以尝试添加：

grunt.loadNpmTasks('grunt-autoprefixer');

下一条错误消息：

**Required config property "autoprefixer.server" missing. **.

出现是因为您错过了gruntfile中的autoprefixer.server目标，请确保它是这样声明的：

 autoprefixer: {
     server:{
        options: {
          // Task-specific options go here.
        },
        your_target: {
          // Target-specific file lists and/or options go here.
        },
     }, 
  },

请参阅https://github.com/nDmitry/grunt-autoprefixer了解正确的选项和用法

未找到“autoprefixer”任务的插件

1 个答案: