Gulp-cshtml-minifier NPM

gulp-cshtml-minifier

Minify ASP.NET Razor Views (.cshtml files) & REPLACE HASH to Datetime string

Usage

First, install gulp-cshtml-minifier as a development dependency:

npm install --save-dev gulp-cshtml-minifier

Then, add it to your gulpfile.js:

Simple

var minifyCshtml = require('gulp-cshtml-minifier');

gulp.task('minify-cshtml', function(){
  gulp.src('./Views/Shared/_Layout_Template.cshtml')
    .pipe(minifyCshtml())
    .pipe(gulp.dest('./Views/Shared/'));
});

Advanced

var minifyCshtml = require('gulp-cshtml-minifier');
var rename = require("gulp-rename"); // install gulp-rename
var header = require('gulp-header'); // install gulp-header

gulp.task('minify-cshtml', function(){
  gulp.src(['./Views/Shared/_Layout_Template.cshtml'])
    .pipe(rename('_Layout.cshtml')) // File Rename
    .pipe(minifyCshtml({
      htmlComments: true,   // Remove HTML comments <!-- -->
      jsComments: true,     // Remove JS comments /* */
      razorComments: true,  // Remove Razor comments @* *@
      whitespace: true      // Remove white-space
      replaceHash: /hash/ig // Replace 'hash' to datetime string
    }))
    .pipe(header('\ufeff')) // Fixed encode issue (可解決中文亂碼問題)
    .pipe(gulp.dest('./Views/Shared/'));
});