如何将Semantic-UI添加到Phoenix

保罗·B

如何将Semantic-UI添加到Phoenix?

Semantic-UI安装在文件夹中,并使用NPM更新,而实际的CSS和Javascript文件则使用GULP构建。完整安装文件夹应放在哪里?

是否可以像其他依赖项一样通过Mix自动更新?

生成的CSS和JavaScript是否应该放在project / web / static / css(或/ js)或/ vendor中?

如何设置Gulp / Sematic-UI配置以自动将文件放在正确的位置?

同样,Mix是否可以自动运行Gulp / Semantic-UI构建?

日耳曼

完整安装文件夹应放在哪里?

实际上,您只需要2个文件:semantic.js和semantic.css。如果您这样做了,npm install --save semantic-ui您应该在./semantic/dist/

那么,这两个文件应该放在哪里?这取决于...您是早午餐还是webpack与phoenix应用程序相关的是在./priv/static文件夹中找到静态文件(css,js,字体,img,...),就像在endpoint.ex中 看到的那样Plug.StaticPhoenix不知道在运行早午餐,webpack或/和gulp之前将这些文件放置在哪个目录中。

可以通过Mix自动更新吗?

是的,在package.json中添加一个脚本,config / dev.exs中修改观察者

生成的CSS和javascript是否应该放在project / web / static / css(或/ js)或/ vendor中?

相同的答案,您是早午餐还是webpack?与phoenix应用程序相关的是在./priv/static文件夹中找到静态文件(css,js,字体,img,...),就像在endpoint.ex中 看到的那样Plug.StaticPhoenix不知道在运行早午餐,webpack或/和gulp之前将这些文件放置在哪个目录中。

如何设置Gulp / Sematic-UI配置以自动将文件放在正确的位置?

检出文件./semantic.json来设置gulp build命令的输出。

Mix可以自动运行Gulp / Semantic-UI构建吗?

是的,在package.json中添加一个脚本,config / dev.exs中修改观察者

这并不容易,我建议您先开始使用,npm semantic-ui-css并在构建良好的情况下切换到npm semantic-ui

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将事件添加到Kendo UI Scheduler?

来自分类Dev

如何将事件添加到Kendo UI Scheduler?

来自分类Dev

如何将LiveView添加到现有的Elixir / Phoenix应用程序?

来自分类Dev

如何将jQuery UI代码添加到ASP.NET Web窗体页面?

来自分类Dev

如何将jQuery ui自动完成添加到动态内容?

来自分类Dev

如何将序列号添加到Angular ui gird中的行

来自分类Dev

如何将angularjs ui引导工具提示动态添加到现有标记?

来自分类Dev

如何将标题添加到jQuery UI自动完成功能

来自分类Dev

如何将jquery ui事件处理程序动态添加到动态创建的按钮?

来自分类Dev

如何将jQuery UI添加到资产捆绑包

来自分类Dev

如何将新行(记录)添加到ui-grid

来自分类Dev

Typescript / React:如何将ref添加到material-ui Box组件?

来自分类Dev

如何将后缀图标添加到material-ui-pickers输入字段

来自分类Dev

Material UI-如何将onChange方法添加到预制组件?

来自分类Dev

如何将数据属性添加到Material-UI按钮?

来自分类Dev

如何将重定向链接添加到onclick材质ui图标-React

来自分类Dev

如何将样式对象添加到数组中的每个图标?(React / Material-ui)

来自分类Dev

Matlab:如何将命令行添加到新的2013 UI?

来自分类Dev

如何将路由过滤器添加到Angular UI-Router?

来自分类Dev

如何将分页添加到UI-Bootstrap Typeahead指令

来自分类Dev

如何将UI子级添加到空的WPF页?

来自分类Dev

如何将iPad UI添加到现有应用程序?

来自分类Dev

如何将图标添加到语义 ui 下拉列表中?

来自分类Dev

如何将 SSL 添加到 GKE 上的 RabbitMQ UI 管理?

来自分类Dev

如何将日期/时间从 OData 服务正确添加到 UI?

来自分类Dev

如何将 Gimp 2.8 的 UI 主题添加到 Gimp 2.10?

来自分类Dev

重新排序后如何将项目添加到嵌套的ui-ui-tree列表中?

来自分类Dev

将事件添加到UI按钮单击

来自分类Dev

根据当前状态将类添加到ui视图

Related 相关文章

  1. 1

    如何将事件添加到Kendo UI Scheduler?

  2. 2

    如何将事件添加到Kendo UI Scheduler?

  3. 3

    如何将LiveView添加到现有的Elixir / Phoenix应用程序?

  4. 4

    如何将jQuery UI代码添加到ASP.NET Web窗体页面?

  5. 5

    如何将jQuery ui自动完成添加到动态内容?

  6. 6

    如何将序列号添加到Angular ui gird中的行

  7. 7

    如何将angularjs ui引导工具提示动态添加到现有标记?

  8. 8

    如何将标题添加到jQuery UI自动完成功能

  9. 9

    如何将jquery ui事件处理程序动态添加到动态创建的按钮?

  10. 10

    如何将jQuery UI添加到资产捆绑包

  11. 11

    如何将新行(记录)添加到ui-grid

  12. 12

    Typescript / React:如何将ref添加到material-ui Box组件?

  13. 13

    如何将后缀图标添加到material-ui-pickers输入字段

  14. 14

    Material UI-如何将onChange方法添加到预制组件?

  15. 15

    如何将数据属性添加到Material-UI按钮?

  16. 16

    如何将重定向链接添加到onclick材质ui图标-React

  17. 17

    如何将样式对象添加到数组中的每个图标?(React / Material-ui)

  18. 18

    Matlab:如何将命令行添加到新的2013 UI?

  19. 19

    如何将路由过滤器添加到Angular UI-Router?

  20. 20

    如何将分页添加到UI-Bootstrap Typeahead指令

  21. 21

    如何将UI子级添加到空的WPF页?

  22. 22

    如何将iPad UI添加到现有应用程序?

  23. 23

    如何将图标添加到语义 ui 下拉列表中?

  24. 24

    如何将 SSL 添加到 GKE 上的 RabbitMQ UI 管理?

  25. 25

    如何将日期/时间从 OData 服务正确添加到 UI?

  26. 26

    如何将 Gimp 2.8 的 UI 主题添加到 Gimp 2.10?

  27. 27

    重新排序后如何将项目添加到嵌套的ui-ui-tree列表中?

  28. 28

    将事件添加到UI按钮单击

  29. 29

    根据当前状态将类添加到ui视图

热门标签

归档