將js目錄（文件）導入Liferay主題

Question

我正在使用主題生成器基於引導程序開發liferay 7.1主題。

關於JS，我有一個目錄/ src / js / plugins，其中包含幾個.js文件，每個文件對應於一個不同的組件（ dropdown.js ， list.js ，...）。

現在，從Liferay文檔中，我看到應該將javascript自定義代碼插入到main.js文件中。

所以，我問你，如何將所有的javascript文件放入主題中？ 正確的程序是什么？

PS。 構建引導程序主題，將生成一個javascript min文件。 我可以將此js文件復制到main.js文件中嗎？ 還是有更好的過程來導入單個文件？

謝謝

弗朗切斯科

Answer 1

在主題中，您可以自由創建JS所需的結構，只要您不覆蓋父主題中的元素即可。 您可以在build文件夾中查看最終結果。 一種選擇是使用您的src / js文件夾並將其包含在模板中，您可以使用：

<script src="${javascript_folder}/example.js"></script>

考慮到您的init中包含以下內容：

<#assign
    css_folder = theme_display.getPathThemeCss()
    images_folder = theme_display.getPathThemeImages()
    javascript_folder = theme_display.getPathThemeJavaScript()
    templates_folder = theme_display.getPathThemeTemplates()

    full_css_path = fullCssPath
    full_templates_path = fullTemplatesPath
/>