README

为将Encore集成到Nette项目中提供的宏和组件。

安装

composer require vavo/nette-encore
yarn add @symfony/webpack-encore --dev

用法

1. 注册扩展。

extensions:
	encoreLoader: vavo\EncoreLoader\DI\EncoreLoaderExtension

2. 在配置中定义Encore属性。

encoreLoader:
    outDir: "%wwwDir%/build/"
    defaultEntry: index

3. 将特性添加到Presenter中。

<?php

declare(strict_types=1);

namespace App\Presenters;

use vavo\EncoreLoader\EncoreLoaderTrait;
use Nette;

class BasePresenter extends Nette\Application\UI\Presenter
{
	use EncoreLoaderTrait;
...

4. 将控件添加到@layout.latte中。您可以指定应包含哪个文件。

{control encore-css}
{control encore-css, [filename]}
...
{control encore-js, index}

5. 在需要的地方使用latte宏。

<img src="{asset "build/images/logo.svg"}" />

6. 在CSS中使用相对于您图像的相对路径。

background-image: url('../images/background.jpg')

vavo / nette-encore

维护者

详细信息

README

安装

用法