Доброго всем
¡ ¡ ¡ ALL GLORY TO GLORIA ! ! !
NAME
Mojolicious::Plugin::AssetPack::Pipe::VueTemplateCompiler - if you like separate files vue template and vue scrtipt.
SYNOPSIS
$app->plugin('AssetPack::Che' => {
pipes => [qw(VueTemplateCompiler CombineFile)],
VueTemplateCompiler=>{enabled=>$ENV{MOJO_ASSETPACK_VUE_TEMPLATE_COMPILER} || 0},# pipe options
process => [
['js/dist/templates/app★.js?bla'=>qw(components/foo.vue.html components/bar.vue.html)],
['app.js'=>qw('js/dist/templates/app★.js components/foo.vue.js components/bar.vue.js)],
...,
],
});
Обязательно REQUIRED
Установить пакеты npm в папку /tmp:
$ cd /tmp
$ npm i vue-template-compiler parcel-bundler@1
Короч, стал использовать Parcel-bundler (version < 2.0!) https://github.com/parcel-bundler/parcel, пушто напрямую https://github.com/vuejs/vue/tree/dev/packages/vue-template-compiler#readme выдает блоками with(this){...}
Патчить строку #11 файлика /tmp/node_modules/parcel-bundler/src/assets/HTMLAsset.js, чтобы он не потрошил атрибуты src href для ассетов
$ perl -pi.bak -e 's/const\s+ATTRS\s+=\s+{\n/const ATTRS = {}, ATTRS000 = {\n/' /tmp/node_modules/parcel-bundler/src/assets/HTMLAsset.js
Конфигурация CONFIG
Обработка файлов-шаблонов \<path|url>.vue.html пойдет только (ONLY) в режиме development.
Обработанные топики шаблонов сохраняются в пути этого топика относительно static https://metacpan.org/pod/Mojolicious#static.
В режиме production эти топики используются как обычные ассеты.
SEE ALSO
Mojolicious::Plugin::AssetPack::Che
Mojolicious::Plugin::AssetPack
AUTHOR
Михаил Че (Mikhail Che), <mche[-at-]cpan.org>
BUGS / CONTRIBUTING
Please report any bugs or feature requests at https://github.com/mche/Mojolicious-Plugin-AssetPack-Che/issues. Pull requests also welcome.
COPYRIGHT
Copyright 2020-2020 Mikhail Che.
This library is free software; you can redistribute it and/or modify it under the same terms as Perl itself.