Grunt / Assemble - минимизиране на извеждане на html

Използвам Grunt and assemble, за да създам моите HTML страници за статичен сайт и искам да минимизирам своя HTML.

Така че предполагам, че приставката Assemble, която изпълнява шаблоните на кормилото спрямо набор от данни, ще има опция за минимизиране.

Не се споменава за това в документите на Assemble; http://assemble.io/docs/Options.html#configuration-options

Но има споменаване, което се позовава на документи за управление на помощник за минимизиране; https://www.npmjs.org/package/handlebars-helper-minify#-assemble-task-options – Но това няма ефект.

Не мога да намеря нищо друго в интернет, със сигурност това е по-често срещано искане...

grunt.initConfig({
    assemble: {
                options: {
                    assets: '../source',
                    data: ['package.json','data/*.{json,yml}'],
                    partials: 'templates/modules/*.hbs',
                    ext: '.html',
                    helpers: 'templates/helpers/*.js',
                    layout: 'templates/layout/master.hbs',
                    removeHbsWhitespace: true,
                    minify: {
                        removeAttributeQuotes: true,
                        collapseWhitespace: true
                    }
                },
                dev: {
                    options: {
                        production: false
                    },
                    files: [{
                        expand: true,
                        cwd: 'templates/pages',
                        src: ['*.hbs'],
                        dest: '../source'
                    }]
                }
    }
});

html handlebars.js minify gruntjs assemble
person Will Hancock    schedule 18.02.2014    source източник

Отговори (2)


arrow_upward
2
arrow_downward

Трябва изрично да регистрирате помощника {{minify}} в Gruntfile

helpers: ['handlebars-helper-minify', 'templates/helpers/*.js']

Друга възможност е да опитате да добавите handlebars-helper-minify модул към devDependencies и keywords в package.json на вашия проект.

{
  "devDependencies": {
    "handlebars-helper-minify": "~0.1.1"
  },
  "keywords": [
    "handlebars-helper-minify"
  ]
}

Във вашето master.hbs оформление го обвийте с {{minify}} например:

{{#minify}}
  {{> header }}
  {{> body }}
  {{> footer }}
{{/minify}}
person Hariadi    schedule 18.02.2014

arrow_upward
2
arrow_downward

вижте grunt-prettify от един от авторите на Assemble. пример за използването му освен README на проекта е тук в това Gruntfile:

/**
 * Beautify generated HTML to make diffs easier
 */
prettify: {
    tests: {
        options: {ocd: true},
        files: [
            {expand: true, cwd: 'test/actual', src: ['**/*.html'], dest: 'test/actual/', ext: '.html'}
        ]
    }
},

късмет

person waynedpj    schedule 18.02.2014