如何将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.Static
。Phoenix不知道在运行早午餐,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.Static
。Phoenix不知道在运行早午餐,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] 删除。
我来说两句