防止由“分裂”共享代码复制到单独的文件中
编辑该页面警告:你浏览的文档欧宝官网下载appob娱乐下载Symfony 5.0,不再维护。
读这个页面的更新版本Symfob娱乐下载ony 6.2(当前的稳定版本)。
防止由“分裂”共享代码复制到单独的文件中
假设你有文件和多个条目每一个需要jquery
。在这种情况下,每一个输出文件将包含jQuery,使你的文件比必要的。为了解决这个问题,你可以问webpack来分析您的文件和分裂附加文件,它将包含“共享”的代码。
为此,电话splitEntryChunks ()
:
1 2 3 4 5 6 7 8 9 10
安可/ /……/ /多个输入文件,可能进口相同的代码.addEntry(“应用程序”,“。/资产/ js / app.js”) .addEntry(“首页”,“。/资产/ js / homepage.js”) .addEntry(“博客”,“。/资产/ js / blog.js”) .addEntry(“储存”,“。/资产/ js / store.js”)+ .splitEntryChunks ()
现在,每个输出文件(如。homepage.js
)可能被分成多个文件(如。homepage.js
,供应商~ homepage.js
)。这意味着你可能需要包括多个脚本
标签(或链接
标签的CSS)在你的模板。安可创建一个entrypoints.json文件列出哪些CSS和JavaScript文件,需要为每一个条目。
如果你使用encore_entry_link_tags ()
和encore_entry_script_tags ()
树枝从WebpackEncoreBundle功能,你不需要做什么!这些函数自动读取这个文件,使尽可能多的脚本
或链接
根据需要标签:
1 2 3 4 5 6 7
{#现在可能呈现多个脚本标记:< script src = " /构建/运行时。js " > < /脚本> < script src = " /构建/供应商~主页。js " > < /脚本> < script src = " /构建/主页。js " > < /脚本> #}{{encore_entry_script_tags(主页)}}
控制资产是如何划分的
的逻辑当和如何将文件的控制从Webpack SplitChunksPlugin。你可以控制传递给这个插件的配置configureSplitChunks ()
功能:
1 2 3 4 5 6 7 8
安可/ /….splitEntryChunks ()+ .configureSplitChunks(函数(splitChunks) {+ / /更改配置+ splitChunks。minSize = 0;+})
这项工作,包括代码示例,许可下Creative Commons冲锋队3.0许可证。