集成 angular 8 和 liferay 7.2

Integrating angular 8 and liferay 7.2

我正在寻找集成 angular 8 和 liferay 7.2 的好指南,但我发现资源有点稀缺。

我找到了这个 Angular tutorial 但是我不明白是否必须执行

   yo liferay-bundle

并创建共享包。鉴于在 npm site 中声明 generator-liferay-bundle 已重命名为 generator-liferay-js。 wchich是教程第一部分使用的工具。

此外,鉴于该项目是通过 npm 工具创建的,而不是作为 Angular CLI 项目创建的,因此不清楚如何管理组件(和其他 angular 东西),我无法使用Angular 个命令。

希望有人能分享好的资源

您可以使用 Angular 或其他 JS 框架创建 Liferay 小部件,但您也可以使用 Angular 创建和实现您的应用程序,并在完成后将其转换为小部件

选项 1: 如果您想从头开始创建 Angular 小部件,则必须按照以下说明操作:

  1. Install the generator Install Node.js and npm if you don't have them already.

Then install Yeoman by running the following command:

npm install -g yo ↩

Install the liferay-js generator:

npm install -g generator-liferay-js ↩

  1. Run the generator

After installing, you are ready to go and generate your first project, by running the command:

yo liferay-js ↩

选项 2: 如果您想将 Angular 开发转换为 Liferay 小部件,则必须遵循以下说明:

  1. Install Yeoman::

$ npm install -g yo ↩

  1. Install the liferay-js generator:

$ npm install -g generator-liferay-js ↩

  1. Go to your project's folder:

$ cd my-project ↩

  1. Run the generator's subtarget adapt:

$ yo liferay-js:adapt ↩

  1. Answer the questions of the generator:

? Under which category should your widget be listed? category.sample ? Do you have a local installation of Liferay for development? Yes ? Where is your local installation of Liferay placed? /home/me/liferay

  1. Enjoy

Once you've done that, your package.json will be tweaked with more new npm scripts. For example, you will be able to run (depending on what your framework of choice uses):

$ npm run build:liferay

or

$ yarn run build:liferay