README

安装

您可以使用 composer 将此插件安装到您的 CakePHP 应用程序中。

安装 composer 包的推荐方法是

composer require hurnell/cakephp-webpack-encore-view-helper

确保您的 CakePHP 安装的 composer.json 包含

"minimum-stability": "dev",
"prefer-stable": true

初始化

在 App/View/AppView 中添加 use 声明并更新 initialize 方法

use Hurnell\WebpackEncoreViewHelper\View\Helper\EncoreHelper

$this->loadHelper('Encore', [
    'className'=> EncoreHelper::class
]);

用法

在您的 .ctp 文件中只需添加

    <?= $this->Encore->load('build/js/entry.js') ?>
    <?= $this->Encore->load('build/js/entry.css') ?>
    <?= $this->Encore->load('build/css/main.css') ?>

这些入口点定义在您的 webpack.config.js 文件中（参见 dist 目录）。

我还将我的 package.json 文件包含在 dist 目录中，以展示我安装的用于支持此版本 webpack.config.js 的包。

请注意，我能够使热模块替换（当您更新资产文件时自动重新加载网页）工作的唯一方法是

yarn encore dev-server --port 8080 --disableHostCheck=true

在 package.json 中的 scripts 下定义了一个快捷方式

yarn dev-server

查看 webpack-visualizer 以帮助优化您的导入。只需运行 yarn stats 并将生成的 stats.json 文件上传到该网站。

hurnell / cakephp-webpack-encore-view-helper

维护者

详细信息

README

安装

初始化

用法