将js目录（文件）导入Liferay主题

Question

我正在使用主题生成器开发基于bootstrap的liferay 7.1主题。

关于JS，我有一个包含几个.js文件的目录/ src / js / plugins，每个文件对应一个不同的组件（dropdown.js，list.js，...）。

现在，从Liferay文档中，我看到应该在main.js文件中插入javascript自定义代码。

那么，我问你，我如何把所有的javascript文件放在主题中？什么是正确的程序？

PS。构建引导主题，生成一个javascript min文件。我可以在main.js文件中复制这个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
/>