#uliWeb用户界面
##是什么
uliweb ui用于收集ui组件,如css和js。
##编译实用程序和标记
首先安装node.js、npm,然后安装gulp和依赖项:
`
npm install gulp
npm install gulp gulp-riotgulp-clean-cssgulp-jshintgulp-uglifygulp-concatgulp-renamegulp-notify del riot uglify-js error jshint
`
运行:
`
gulp default
`
编译uliweb ui.css和uliweb ui.js到uliweb ui/static/modules
将标签编译为uliweb ui/static/modules/tags
##生成jsmodules.js
js modules.js用于将settings.ini中定义的js模块组合成javascript
文件,以便head.load可以通过load([“module1”,“module2”],function(){})加载它们。
您可以通过命令行uliweb jsmodule-auliweb-ui重新创建它并保存
它指向uliweb用户界面/static/jsmodules.js。因为uliweb ui只是一个应用程序,而不是一个应用程序,
因此,您应该在项目目录中运行jsmodule
project,只需将uliweb用户界面添加到已安装的应用程序中,然后运行命令。
uliWebUI已经为您创建了jsmodule.js。但是如果你想添加更多的ui组件
对于settings.ini,并且还想使用load来处理它们,您应该重新创建jsmodules.js
你自己。
##Concat插件
步骤1在uliweb项目的“settings.ini”中编写一些配置。像这样:
`
[TEMPLATE_GULP]
you_want_name = [ "plugin name", ... ]
`
步骤2在uliweb项目的cli中输入命令
`
uliweb gulpplugins -d app_name
`
然后您将在文件夹中找到一些文件(you_want戋name.js&;you戋want戋name.css)
`
.../your_project/apps/app_name/static/
`
步骤3在模板文件中,使用plugin和命令“{{use'plugin name}}”,您想要的是name.js,您想要的是name.css将被加载
欢迎加入QQ群-->: 979659372
推荐PyPI第三方库