【问题标题】:Liferay6.2 Theme building using Gradle/Gulp scriptLiferay6.2 使用 Gradle/Gulp 脚本构建主题
【发布时间】:2018-10-03 00:44:28
【问题描述】:

任何人都可以帮助我如何编写用于 Liferay6.2 主题构建的自动 gradle/gulp 脚本。

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

-主题合并

-build-css

-构建缩略图

配置: 父主题:_styled 父主题类型:vm

我可以使用 Maven 成功生成主题战争,但使用 gradle build 无法成功。感谢您的帮助。谢谢!

【问题讨论】:

    标签: gradle gulp liferay-6 liferay-theme


    【解决方案1】:

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

    依赖关系

    我们在 Windows 上工作,因此将对在此平台下的工作进行解释,尽管我们认为很容易将其推断到在 Linux 或 Mac 下工作的人。

    我们需要安装以下内容:

    Nodejs

    Python 2.7.10(仅限 Windows)

    Visual Studio(仅适用于Windows)安装时,我们只需要勾选下面的复选框,其余的我们都可以取消标记:Custom> Programming ...> 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工作方法的新闻。例如,如果我们决定使用velocity 或freemarker 或主题名称,现在在package.json 文件中定义父主题。例如,在 liferay-theme.json 中,将定义主题和 tomcat 的路径。其余的将像以前的版本一样工作。在文件夹 src 中,我们将放置我们的文件夹 css、js、模板、图像...及其相应的文件。

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

    gulp build or gulp deploy
    

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-12-06
      • 2016-04-13
      • 1970-01-01
      • 2020-03-03
      • 2015-05-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多