Webpack Encore - 在 PHP 中获取版本化文件答案

【问题标题】：Webpack Encore - Get versionned files in PHPWebpack Encore - 在 PHP 中获取版本化文件
【发布时间】：2018-03-05 20:34:20
【问题描述】：

我最近用 Webpack Encore 安装了 Symfony 4。我使用一些静态资源用 TCPDF 制作 PDF。为此，我曾经使用路径获取图像，但使用 Webpack Encore 版本控制，文件名不同，因此我无法以这种方式获取图像。有没有办法在 PHP 中保持版本控制和访问这些图像？

PHP：

$logourl = trim("../public/build/images/tst_noir.png");
$pdf->Image($logourl, 135, 10.8, 42, 0);

Webpack app.js：

require('../images/tst_noir.png');

Webpack-config.js：

const Encore = require('@symfony/webpack-encore');

Encore
.setOutputPath('public/build/')
.setPublicPath('http://localhost/xxx/public/build')
.setManifestKeyPrefix('build/')
.cleanupOutputBeforeBuild()
.enableSourceMaps(!Encore.isProduction())
.autoProvidejQuery()
.addEntry('app', './assets/js/app.js');

module.exports = Encore.getWebpackConfig();

【问题讨论】：

标签： php symfony webpack webpack-encore

【解决方案1】：

如果您有用于网站的资产设置的 Symfony 配置，您可以使用 assets.packages 包来获取文件的最终可显示 URL：

use Symfony\Component\Asset\Package;
use Symfony\Component\Asset\VersionStrategy\EmptyVersionStrategy;

$package = new Package(new EmptyVersionStrategy());

// Absolute path
echo $package->getUrl('/image.png');
// result: /image.png

// Relative path
echo $package->getUrl('image.png');
// result: image.png

如果 Symfony 和 Webpack 配置（或直接设置组件）已经到位，也应该处理版本控制和 URL 前缀。

// webpack.config.js
if (Encore.isProduction()) {
    Encore.setPublicPath('https://my-cool-app.com.global.prod.fastly.net');
    Encore.setManifestKeyPrefix('build/');
}

在 Symfony 3.0 之前，templating.helper.assets 提供了几乎相同的功能，但现在您更有可能使用 framework.assets.json_manifest_path: 配置。

【讨论】：