为什么仅在开发人员中需要webpack encore

问题描述

我目前正在为symfony 5项目配置一些docker映像，并尝试处理生产版本。这样做，我注意到webpack encore仅在开发模式下安装，如本官方文档中所述：https://symfony.com/doc/current/frontend/encore/installation.html：

yarn add @symfony/webpack-encore --dev

但是，这对我来说毫无意义，因为即使在生产中，我们也应该建造资产：

yarn encore production

有人对此有任何线索吗？ 谢谢

解决方法

How Do I Deploy My Encore Assets?上的Symfony文档提供了两个在部署资产时要记住的重要事项：

1）编译生产资产：

$ ./node_modules/.bin/encore production

现在重要的部分：

但是，您应该在哪个服务器上运行此命令？这取决于您的部署方式。例如，您可以在本地（或在构建服务器上）执行此操作，然后使用rsync或其他方法将生成的文件传输到生产服务器。或者，您可以先将文件放在生产服务器上（例如，通过git pull），然后在生产环境中运行此命令（最好是在访问量达到代码之前）。在这种情况下，您需要在生产服务器上安装Node.js。

第二件事：

2）仅部署已建资产

需要部署到生产服务器的仅 个文件是最终的建成资产（例如public / build目录） 。除非计划在生产计算机上运行Encore生产，否则无需安装Node.js，部署webpack.config.js，node_modules目录甚至源资产文件。一旦您的资产建成，这些就是唯一需要存在于生产服务器上的东西。

简单地说，在生产环境中，您只需要生成的资产（通常是/public/build目录内容）。在一个简单的场景中，当您只需要加载已编译的Javascript和CSS文件时，就不会在运行时使用Webpack。

如何部署Symfony应用程序和资产的可行解决方案

在手动（没有CI / CD）手动部署Symfony应用时，可以在本地计算机或Docker容器中执行以下步骤（假定Symfony 4/5）：

1. 导出使用git-archive从GIT存储库中导出源代码，例如：git archive --prefix=myApp/ HEAD | tar -xC /tmp/¹
2. 转到导出的源代码：cd /tmp/myApp
3. 安装Symfony和其他PHP供应商（另请参见Symfony docs）：composer install --no-dev --optimize-autoloader
4. 安装YARN / NPM供应商（使用Webpack生成资产将需要它们）：yarn install
5. 创建生产资产：yarn build（或yarn encode production）
6. （如果需要，请安装Symfony资产：bin/console assets:install）

现在，代码可以rsync到生产服务器了。您可以排除或删除/node_modules，/var甚至/assets目录和webpack.config.js（可能也不需要package.json和yarn.lock -尚未测试！）并运行例如：rsync --archive --compress --delete . <myProductionServer>:<app/target/path/>

有关Symfony部署的资源：

1. How to Deploy a Symfony Application（Symfony文档）
2. How Do I Deploy My Encore Assets?（Symfony前端常见问题解答）
3. Do I Need to Install Node.js on My Production Server?（Symfony前端常见问题解答）
4. Production Build & Deployment（SymfonyCast）

---

¹即时将已归档的GIT存储库解压缩到/tmp/myApp目录中，而不是TAR归档中。不要错过/标志中的前导--prefix！ git-archive docs。