opencontent/openpa_designitalia-ls

Opencontent OpenPA DesignItalia

安装次数: 2,132

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 6

分支: 1

开放问题: 36

语言:Smarty

类型:ezpublish-legacy-extension

1.36.0 2024-09-04 07:57 UTC

This package is auto-updated.

Last update: 2024-09-04 07:58:18 UTC


README

根据PA网站指南设计的Openpa(http://design.italia.it/

配置扩展以进行开发

注意:对扩展的修改需要安装Node和其他组件。此安装绝不能在生产服务器上执行,对扩展的修改应在本地或专用开发环境中进行。

安装所需的软件

要编译源代码(CSS / JS),需要安装Node.js / npm。

安装完成后,在扩展目录中执行以下命令序列将完成所需库的下载和安装

npm install 

编译源代码

执行以下命令后

npm run build --openpa_designitalia:theme="nome_nuovo_tema"

design/designitalia/stylesheets 和 design/designitalia/javascript 目录将包含编译后的CSS和JavaScript文件。

修改源代码

要本地查看styleguide(包含不同图形组件的HTML模板),可以将最后一步的命令(代替npm run build)替换为

npm run watch --openpa_designitalia:theme="nome_nuovo_tema"

此时,您可以修改源代码:在npm run watch运行的同时,对CSS、JavaScript和/或HTML模板所做的任何修改,在手动重新加载页面后都将立即在浏览器中显示,而无需启动构建命令。

**注意:如果没有指定主题,则默认使用Pac主题

运行构建命令,例如:build, build:css, build:js

如从package.json文件中可验证,构建命令执行了2个不同的子命令

"build": "npm-run-all build:css build:js..."

它首先构建CSS,然后构建JavaScript,因此

  • 如果只修改了模板,执行构建是完全不必要的。
  • 如果只修改了CSS,执行整体构建也是完全不必要的,最好执行
npm run build:css --openpa_designitalia:theme="nome_nuovo_tema"

如何创建新主题

  1. 复制现有主题文件夹(非base文件夹)并重命名(避免使用特殊字符)
  2. 修改新创建的主题的index.css,将.nume_tema_copiato替换为.nume_nuovo_tema
  3. 执行
npm run build --openpa_designitalia:theme="nome_nuovo_tema"

或者在开发过程中

npm run watch --openpa_designitalia:theme="nome_nuovo_tema"
  1. 将openpa.ini中的GeneralSettings:theme修改为nome_nuovo_tema
  2. 清空缓存
  3. 重新加载页面