与Grunt一起使用LiveReload ASP.net MVC网络应用程序

Question

是否有可能在grunt中观看文件并自动重新加载ASP.net MVC Web应用程序.或者livereload仅适用于通过grunt提供的文件.我遇到过grunt插件'grunt-iisexpress',但不确定我是否可以使用它,结合任务在文件发生变化时重新加载ASP.net MVC webapp.

我没有任何index.html作为我的网络应用程序中的起始页面,但_ViewStart.cshtml启动了整个应用程序.

Answer 1

有可能的.我刚刚在我的ASP.NET应用程序中使用grunt-contrib-watch(https://github.com/gruntjs/grunt-contrib-watch)进行实时重新加载.它只用了几分钟.

我用这篇文章作为指南:http: //www.aliirz.com/javascript/2013/12/25/Live-Reload-with-Grunt/.

通过ASP.NET应用程序的文件夹中的命令提示符执行此操作.

1.安装grunt-contrib-watch

如果您还没有package.json文件,并希望将依赖项保存在一个文件中:

npm init

然后将Grunt和grunt-contrib-watch添加到您的项目中:

npm install --save-dev  grunt grunt-contrib-watch

2.配置Grunt

接下来Gruntfile.js在同一个文件夹中创建一个.这是我的:

  'use strict';
  module.exports = function (grunt) {
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.initConfig({
      watch: {
        views: {
          files: [
              'Views/**/*.cshtml', 
              'Scripts/**/*.js',
              'Content/**/*.css',
              'Content/images/**/*',            
              'bin/**/*.dll'
          ],
          options: {
            livereload: true,
          }
        }
      }
    });
  }

3.运行实时重装服务器

在ASP.NET应用程序旁边运行实时重装服务器:

grunt watch

4.将Snippet添加到ASP.NET

最后,要在ASP.NET应用中启用它,只需将实时重新加载代码段添加到您的布局和/或视图中:

<script src="http://localhost:35729/livereload.js"></script>