javascript - Liferay：如何缩小jsp中包含的CSS和JS文件

Question

我在我的一个 Liferay portlet 中使用了多个 css 和 js 文件。liferay-portlet.xml 文件中包含的 CSS 和 JS 文件会自动包含在页面中。

除了 XML 文件中提到的文件外，我还使用了外部 CSS 和 JS 文件，使用了 Link 和 Script 标记。

如何缩小这些文件？

或者

<portlet>
    <portlet-name>demo-page</portlet-name>
    <icon>/icon.png</icon>
    <header-portlet-css>/css/main.css</header-portlet-css>
    <header-portlet-css>/css/style.css</header-portlet-css>
    <footer-portlet-javascript>/js/main.js</footer-portlet-javascript>
</portlet>

我想在 page1.jsp 中使用 main.css，但不在 page2.jsp 中。我可以为 liferay-portlet.xml 中包含的文件定义页面范围吗？

Answer 1

在您的门户分机中：

# Set this property to true to load the theme's merged CSS files for faster
# loading for production.
#
# Set this property to false for easier debugging for development. You can
# also disable fast loading by setting the URL parameter "css_fast_load" to
# "0".
#
theme.css.fast.load=true


# Set this property to true to load the packed version of files listed in
# the properties "javascript.barebone.files" or
# "javascript.everything.files".
#
# Set this property to false for easier debugging for development. You can
# also disable fast loading by setting the URL parameter "js_fast_load" to
# "0".
#
javascript.fast.load=true

Answer 2

你只需要像 css: 一样使用你的文件< link rel="stylesheet" href="<%=request.getContextPath()%>/my_sources/css/style.css"/>，liferay 会负责缩小（除非你在 portal-ext.properties 中禁用了它）。

Answer 3

Liferay 仅缩小主题中包含的资源，并将其添加到 liferay-portlet.xml 中。如果您想对所有 css 和 js 文件执行此操作，您应该为 Liferay Servlet 过滤器实现一个挂钩，并且在过滤器内您可以根据需要处理任何资源。过滤器在对外部资源的所有请求中执行。