Symfony 4 - Webpack Encore 的一些困難

Question

我在我的 Symfony 4 項目中使用 Encore webpack 時遇到問題。

我目前在公共文件夾中有我的所有文件 css / js / scss / images。 在這個我有一個側邊欄文件夾，其中包含包含文件本身的文件夾：

由於 function url ()，我可能會在我的一些文件（如“main.css”）中使用其他文件：

例子：

.sidebar-bg.bg1 .sidebar-wrapper {
  background-image: url(../img/bg1.jpg); }

由於這是我第一次真正使用 WebpackEncore，我很難知道采用什么策略來收集所有這些。

我是否必須創建一個 app.js 文件，在其中我將從我的 sideBar 文件夾中一一導入所有文件？

Answer 1

您有兩種可能性，例如，您可以在一個文件“app.js”中導入您所說的所有文件。 該文件是您在 Webpack Encore 配置文件中的“條目”（ https://symfony.com/doc/current/frontend/encore/installation.ZFC35FDC70D5FC69D2569883A822C ）

第二個選項是您可以在 Webpack Encore 配置文件中添加多個條目（最佳實踐是逐頁），並在需要時在每個條目中導入一些文件：

.addEntry('app', './assets/js/app.js')
//.addEntry('page1', './assets/js/page1.js')
//.addEntry('page2', './assets/js/page2.js')