實時縮小nodejs模板

我正在使用Handlebars作爲模板引擎來構建nodejs應用程序。我有這樣一個模板（template.hbs）：實時縮小nodejs模板

<html> 
     <head></head> 
     <body> 
     {{ my_var }} 
     </body> 
    </html>

我不知道是否能正常工作（寫代碼）這個文件，同時使用節點上的縮小版本（這將被編譯併爲用戶提供）這樣的（minified_template.hbs）：

<html><head></head><body>{{ my_var }}</body></html>

我的意思是，我想一些程序中運行的所有時間，看對「template.hbs」併產生「minified_template.hbs」的轉變。這樣我可以節省帶寬和金錢。有這樣的程序可以做到嗎？我聽說過Webpack，但在谷歌搜索後，我仍然不確定它可以做這種工作。在此先感謝。

來源

2016-09-16 Gean

我找到了我的問題的答案。它的名字是「咕嘟咕嘟」：

安裝的NodeJS，然後在命令行運行：

npm install -g gulp 
npm install --save-dev gulp-minify-html

創建一個名爲「gulpfile.js」的文件：

var gulp = require('gulp'); 
var minifyHtml = require("gulp-minify-html"); 

gulp.task('minify-views', function() { 
    gulp.src('./views/*.html') 
    .pipe(minifyHtml()) 
    .pipe(gulp.dest('./views_minified')); 
}); 


gulp.task('watch-views', function() { 
    gulp.src('./views/*.html') 
    .pipe(minifyHtml()) 
    .pipe(gulp.dest('./views_minified')); 

    gulp.watch(["./views/*.html"],['minify-views']); 
});

然後，從命令行運行：

一飲而盡手錶觀點

當「意見」文件夾下的文件ANNY是modifie d，它通過吞噬縮小並用名稱相同的名稱保存到名爲「views_minified」的文件夾中。

來源

2016-09-16 21:40:16 Gean

實時縮小nodejs模板

回答

相關問題