如何使用ASP.NET WebApi項目配置Grunt？

Question

我是新來的咕嚕，我想用我目前的Asp.Net WebApi單頁應用程序。爲了這個目的，我想知道我們如何與ASP.NET項目配置咕嚕..

我使用Visual Studio 2013

Answer 1

嘗試指定您的問題。

谷歌在VS 2013/2015中知道噸關於Grunt的文章。

• Introducing Gulp, Grunt, Bower, and npm support for Visual Studio
• Grunt Launcher
• Task Runner Explorer
• Using Grunt, Gulp and Bower in Visual Studio 2013 and 2015
• Configure Grunt in Visual Studio 2015
• 等。

嘗試使用這些東西，並將指定您的問題，如果你仍然有。

Answer 2

安裝咕嚕

解決方案>右鍵單擊>添加>新項目> NPM配置文件> 粘貼下面的代碼>保存>耐心等待，直到它安裝

{ 
    "version": "1.0.0", 
    "name": "asp.net", 
    "private": true, 
    "devDependencies": { 
    "grunt": "1.0.1", 
    "grunt-contrib-uglify": "1.0.1", 
    "grunt-contrib-watch": "1.0.0", 
    "bower": "1.7.9" 
    } 
} 

配置Grunt

解決方案>右鍵單擊>添加>新項目>咕嚕配置文件> 粘貼下面的代碼>保存

module.exports = function (grunt) { 

    //load whatever you need here 
    grunt.loadNpmTasks('grunt-contrib-uglify'); 
    grunt.loadNpmTasks('grunt-contrib-watch'); 

    //Task configuration is specified in your Gruntfile via this method 
    grunt.initConfig({ 
     uglify: { 
      my_target: { 
       files: { 
        'wwwroot/app.js': ['scripts/app.js', 'scripts/**/*,'] 
       } 
      } 
     }, 
     watch: { 
      script:{ 
       files: ['scripts/**/*,'], 
       tasks: ['uglify'] 
      } 

     } 
    }); 
    //register your tasks here(taskName,taskList) 
    grunt.task.registerTask('task-minified', ['uglify', 'watch']) 

}; 

來測試咕嚕

查看>其他視窗> Task Runner Explorer