Liferay6.2使用Gradle / Gulp脚本构建主题

时间:2018-04-23 03:52:18

标签: gradle gulp liferay-6 liferay-theme

可以帮助我如何为Liferay6.2主题构建编写自动gradle / gulp脚本。

我想执行以下目标来构建.war文件,我正在使用portal-web-6.2.10.13.war。

-theme合并

-build-CSS

-build缩略图

配置: ParentTheme:_styled ParentThemeType:vm

我能够通过使用Maven成功生成主题战争,但无法使用gradle构建成功。感谢你的帮助。谢谢!

1 个答案:

答案 0 :(得分:0)

外观主题6.2和7主题的开发 - Liferay

依赖

我们在Windows上工作,因此我们会对这个平台下的工作进行解释,但我们相信它可以很容易地推广到那些在Linux或Mac下工作的人。

我们需要安装以下内容:

<强>的NodeJS

Python 2.7.10 (仅限Windows)

Visual Studio (仅限Windows)安装时,我们只需要检查以下框,其余的我们可以将它们全部取消标记:自定义&gt;编程...&gt; Visual C ++ (安装过程很长) 一旦安装了所有依赖项,我们将继续执行以下步骤:

Yeoman,Gulp和Bower

Yeoman,Gulp和Bower是三个工具,我们将以此为基础创建和编译我们的新外观主题。我们必须记住,我们正面临着Liferay的Alpha版本,因此我们可以找到随着时间推移而修复的问题,但重要的是要习惯新的工作方法,这将使我们的生活更轻松。

我们总结一下:

约曼。它们被定义为“用于现代应用的网络脚手架”。我们可以说它是一个帮助我们创建我们的Web项目的助手。 Gulp将成为我们编译外观主题的nodejs工具。 Bower将成为我们管理依赖关系的工具 我们开始做吧!首先让我们继续安装Yeoman,Gulp和Bower。我们将自己放在Windows控制台上并键入以下命令:

npm install -g yo gulp bower

现在是时候安装liferay主题生成器了。为此,在同一命令行中,我们将编写以下内容:

npm install -g generator-liferay-theme

创建外观主题 为了创建外观主题,我们将使用Yeoman。在命令行中,在我们要创建主题的目录上,键入:

yo liferay-theme

你可以乱用主题来分析一些关于使用ant或maven工作方法的新闻。例如,现在在package.json文件中定义了父主题,如果我们决定使用velocity或freemarker或主题的名称。例如,在liferay-theme.json中,将定义主题和tomcat的路径。其余的将像以前的版本一样工作。在文件夹src中,我们将把我们的文件夹css,js,templates,images ...和它们相应的文件放在一起。

现在我们只需编译我们的外观主题。为此,我们将自己置于控制台的主题目录中,并键入以下内容:

gulp build or gulp deploy

第一个将编译我们的主题并生成一个战争,第二个也将发送一个副本到我们的服务器。