Я заметил странное поведение с handlebars-loader
в Webpack
. У меня есть папка с пользовательскими помощниками, написанными в синтаксисе ES6. Эти помощники не скомпилированы в ES5 в моем окончательном выводе.
Кто-нибудь знает, как скомпилировать пользовательские помощники с правильным синтаксисом ES5?
Пример:
Внутри каталога помощников (helpers/prettyPrint
)
import Handlebars from 'handlebars';
export default function (data) {
return new Handlebars.SafeString(`<pre>${JSON.stringify(data, null, 2)}</pre>`);
}
Webpack конфигурация:
{
devtool: 'inline-source-map',
mode: 'development',
module: {
rules: [
{ test: /\.js$/, loader: 'babel-loader' },
{
test: /\.hbs$/,
exclude: /node_modules/,
loader: 'handlebars-loader',
options: {
helperDirs: [
path.join(__dirname, 'helpers')
],
precompileOptions: {
knownHelpersOnly: false
}
}
}
]
},
node: {
fs: 'empty'
},
resolve: {
alias: {
handlebars: 'handlebars/runtime'
}
}
}