本文整理汇总了TypeScript中gulp-htmlmin类的典型用法代码示例。如果您正苦于以下问题：TypeScript gulp-htmlmin类的具体用法？TypeScript gulp-htmlmin怎么用？TypeScript gulp-htmlmin使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。
在下文中一共展示了gulp-htmlmin类的10个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: function
task('templates', function () {
return gulp.src(['src/**/*.html', 'src/!(index.hbs)/**/*.hbs'])
.pipe(htmlmin({ collapseWhitespace: true }))
.pipe(templateCache({
module: 'app.templates'
}))
.pipe(gulp.dest(tmpJsPath));
});示例2:
export = () => {
return gulp.src([join(Config.APP_DEST, 'index.html')])
.pipe(htmlmin({
collapseWhitespace: true,
removeComments: true,
minifyJS: true
}))
.pipe(gulp.dest(Config.APP_DEST));
};示例3: processMarkup
export default function processMarkup() {
return gulp.src(project.markupProcessor.source)
.pipe(changedInPlace({firstPass:true}))
.pipe(htmlmin({
removeComments: true,
collapseWhitespace: true,
minifyCSS: true,
minifyJS: true
}))
.pipe(build.bundle());
}示例4: function
task('templates', function () {
return gulp.src('src/!(index.html)/**/*.html')
.pipe(htmlmin({ collapseWhitespace: true }))
.pipe(templateCache({
module: 'app.templates',
// transformUrl: function (url) {
// return `/${url}`;
// }
}))
.pipe(gulp.dest(tmpJsPath));
});示例5: processMarkup
export default function processMarkup() {
return gulp.src(project.markupProcessor.source)
.pipe(plumber({errorHandler: notify.onError('Error: <%= error.message %>')}))
.pipe(changedInPlace({firstPass:true}))
.pipe(htmlmin({
removeComments: true,
collapseWhitespace: true,
minifyCSS: true,
minifyJS: true,
ignoreCustomFragments: [/\${.*?}/g] // ignore interpolation expressions
}))
.pipe(build.bundle());
}示例6: function
gulp.task("templ", function(){
return gulp.src(templateFiles)
.pipe(pug())
.pipe(htmlmin({ collapseWhitespace: true }))
.pipe(templateCache("templates.js", {
module: "glenn.templates",
standalone: true,
transformUrl: function (url) {
return url;
},
moduleSystem: "RequireJS"
}))
.pipe(gulp.dest("./public/"));
})示例7: processMarkup
export default function processMarkup() {
return gulp.src(project.markupProcessor.source)
.pipe(changedInPlace({firstPass:true}))
.pipe(htmlmin({
removeComments: true,
collapseWhitespace: true,
collapseInlineTagWhitespace: true,
collapseBooleanAttributes: true,
removeAttributeQuotes: true,
minifyCSS: true,
minifyJS: true,
removeScriptTypeAttributes: true,
removeStyleLinkTypeAttributes: true
}))
.pipe(build.bundle());
}示例8:
], () =>
gulp.src('./src/client/app/base.pug')
.pipe(pug({
locals: {
themeColor: constants.themeColor,
facss: fa.dom.css(),
//hljscss: fs.readFileSync('./node_modules/highlight.js/styles/default.css', 'utf8')
hljscss: fs.readFileSync('./src/client/assets/code-highlight.css', 'utf8')
}
}))
.pipe(htmlmin({
// 真理値属性の簡略化 e.g.
// <input value="foo" readonly="readonly"> to
// <input value="foo" readonly>
collapseBooleanAttributes: true,
// テキストの一部かもしれない空白も削除する e.g.
// <div> <p> foo </p> </div> to
// <div><p>foo</p></div>
collapseWhitespace: true,
// タグ間の改行を保持する
preserveLineBreaks: true,
// (できる場合は)属性のクォーテーション削除する e.g.
// <p class="foo-bar" id="moo" title="blah blah">foo</p> to
// <p class=foo-bar id=moo title="blah blah">foo</p>
removeAttributeQuotes: true,
// 省略可能なタグを省略する e.g.
// <html><p>yo</p></html> ro
// <p>yo</p>
removeOptionalTags: true,
// 属性の値がデフォルトと同じなら省略する e.g.
// <input type="text"> to
// <input>
removeRedundantAttributes: true,
// CSSも圧縮する
minifyCSS: true
}))
.pipe(gulp.dest('./built/client/app/'))示例9: function
gulp.task('minify', function() {
return gulp.src('src/*.html')
.pipe(htmlmin({collapseWhitespace: true}))
.pipe(gulp.dest('dist'))
});示例10:
gulp.task('htmlmin', () => {
return gulp.src(`${path.join(DIR_TMP, DIR_DST)}/**/*.html`)
.pipe(htmlmin(htmlminOptions))
.pipe(gulp.dest(DIR_DST));
});