将js目录(文件)导入Liferay主题

时间:2019-02-19 10:35:21

标签: javascript liferay liferay-7 liferay-theme

我正在使用主题生成器基于引导程序开发liferay 7.1主题。

关于JS,我有一个目录 / src / js / plugins ,其中包含几个 .js 文件,每个文件对应于一个不同的组件(下拉列表。 js list.js ,...)。

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

所以,我问你,如何将所有JavaScript文件放入主题中?正确的程序是什么?

PS。构建引导程序主题,将生成一个javascript min文件。我可以将此js文件复制到 main.js 文件中吗?还是有更好的步骤导入单个文件?

谢谢

弗朗切斯科

1 个答案:

答案 0 :(得分:0)

在主题中,您可以自由创建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
/>