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

Question

我是grunt的新手，我想在目前的Asp.Net WebApi单页应用程序中使用它。为此，我想知道如何使用ASP.NET Project配置Grunt ..

我正在使用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

安装Grunt

  

解决方案＆gt;右键单击＆gt;添加＆gt;新项目＆gt; npm配置文件＆gt;   粘贴以下代码＆gt;保存＆gt;耐心等待它安装

{
    "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

  

解决方案＆gt;右键单击＆gt;添加＆gt;新项目＆gt; Grunt配置文件＆gt;   粘贴以下代码＆gt;保存

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'])

};

 测试Grunt

  

查看＆gt;其他Windows＆gt;任务运行资源管理器