template-string-optimize-loader

template string optimize loader module for webpack

Installation

npm i template-string-optimize-loader -D

Usage

`` javascript
module: {
rules: [
{
test: /\.js$/,
use: [
'template-string-optimize-loader',
'babel-loader'
]
}
]
}
`

Example

` html
// ES6 template string HTML
const template = data =>

${data.title}

${data.date}

Coffee

Black hot drink

Milk

${data.list.map((item) =>

• ${item}

).join('')}

;
`

` javascript
// source => babel
var template = function template(data) {
return '\n \n

\n

' + data.title + '

\n

' + data.date + '

\n

\n

Coffee

\n

Black hot drink

\n

Milk

\n

\n

\n ' + data.list.map(function (item) {
return '\n
• ' + item + '
\n ';
}).join('') + '\n

\n

\n

\n

\n \n';
};
`

` javascript
// source => babel => template-string-optimize
var template = function template(data) {
return '

' + data.title + '

' + data.date + '

Coffee

Black hot drink

Milk

' + data.list.map(function (item) {
return '
• ' + item + '
';
}).join('') + '

';
};
``