{
presets: [
['@babel/preset-env', {
exclude: ['@babel/plugin-transform-function-name'], // because 'var f = function f () {}' - breaks down compressor
useBuiltIns: 'entry',
corejs: 3,
targets: {
browsers: [
'last 2 versions',
'> 2%',
'not dead',
'not IE 10'
]
},
loose: true
}]
],
compact: false,
sourceType: 'unambiguous',
plugins: [
['module:external_helpers', {
'output-type': 'var',
'namespace': babelHelperNamespace,
'whiteList': babelHelperWhiteList
}]
]
}
<html>
<head>
</head>
<body>
<ul>
<li><p [[AAA]]>first</p></li>
<li><p [[BBB]]>second</p></li>
</ul>
</body>
</html>
[[AAA]]class="one"[[/AAA]]
[[BBB]]class="two"[[/BBB]]
<html>
<head>
</head>
<body>
<ul>
<li><p class="one">first</p></li>
<li><p class="two">second</p></li>
</ul>
</body>
</html>
<html>
<head>
</head>
<body>
<ul>
<li><p class="one">first</p></li>
<li><p class="two">second</p></li>
</ul>
</body>
</html>
gulp.task('build', function() {
return gulp.src(['source/*.source.html'])
.pipe(myModule('template.html'))
.pipe(gulp.dest('dist'))
});
useBuiltIns: 'usage' - Такой вариант не устраивает, нужен useBuiltIns: 'entry', потому, что есть подгружаемые модули