Ako vložiť Webpack js/css bundle do @layout.latte
- David Matějka
- Moderator | 6443
pouzivam assets plugin a pak ho muzes treba nacist pres
if (!file_exists(__DIR__ . '/assets.json')) {
return [];
}
return [
'parameters' => [
'assets' => \Nette\Utils\Json::decode(file_get_contents(__DIR__ . '/assets.json'), \Nette\Utils\Json::FORCE_ARRAY),
]
];
ktery naloadujes jako config
$configurator->addConfig(__DIR__ . '/config/assets.php');
- steelbull
- Člen | 219
Ja som to zatiaľ urobil takto a funguje to. Je to ‚prasárna‘?
module.exports = merge(module.exports, {
plugins: [
new HtmlWebpackPlugin({
filename: path.resolve(__dirname, '.')+'/app/presenters/templates/@layout.latte',
template: path.resolve(__dirname, '.')+'/app/assets/@layout.latte',
inject: 'head'
})
]
})
- steelbull
- Člen | 219
jiri.pudil napsal(a):
Existuje nejaký Webpack plugin pre Nette?
Ano :)
Ahoj Jiri, cakal som, ci sa ozves, videl som predpokladam asi Tvoje video, ako si ho prezentoval :-D
Skusal som ho, ale nejak mi nefungoval. V Tracy som ho videl, nevypisoval ziadnu chybu, ale neincludol ani CSS ani JS. Ale asi som ja nieco robil zle, este sa k tomu vratim, ale tlaci ma cas, takze zatial to necham cez Webpack. Som rad, ze mi to nejako funguje.
Editoval steelbull (7. 1. 2020 17:15)
- srigi
- Nette Blogger | 555
steelbull napsal(a):
Skusal som ho, ale nejak mi nefungoval. V Tracy som ho videl, nevypisoval ziadnu chybu, ale neincludol ani CSS ani JS. Ale asi som ja nieco robil zle, este sa k tomu vratim, ale tlaci ma cas, takze zatial to necham cez Webpack. Som rad, ze mi to nejako funguje.
Ahoj, na zaklade tohto vlakna vznikol blogpost.
Hadam ti to pomoze to rozchodit.
Editoval srigi (20. 1. 2020 14:53)
- steelbull
- Člen | 219
srigi napsal(a):
steelbull napsal(a):
Skusal som ho, ale nejak mi nefungoval. V Tracy som ho videl, nevypisoval ziadnu chybu, ale neincludol ani CSS ani JS. Ale asi som ja nieco robil zle, este sa k tomu vratim, ale tlaci ma cas, takze zatial to necham cez Webpack. Som rad, ze mi to nejako funguje.
Ahoj, na zaklade tohto vlakna vznikol blogpost.
Hadam ti to pomoze to rozchodit.
@srigi Ahoj, diq za info. Ja som to nakoniec vysriesil inak. Vytvoril som vlastny html-webpack-basepath-plugin.
v html-webpack-plugin v options nastavis property basePath, tak ako som vo vlakne pisal skor basePath: „{$basePath}/dist/“ a pridaj html-webpack-basepath-plugin do plugins[].
a vsetky cesty sa zamenia za {$basePath}/dist/… a vsetko funguje.
Plugin: https://www.npmjs.com/…epath-plugin
Editoval steelbull (2. 2. 2020 16:21)