Symfony 4-正确的语义UI集成

Question

我想在我的Symfony 4.3项目中集成语义UI。我安装了npm：

npm安装语义-ui-保存

但是在Symfony项目的根中构建语义文件夹是正确的吗？

/semantic (default)

或者我必须去node_modules语义文件夹并在那里运行gulp？对我如何在Symfony中实现正确有帮助吗？

THX麦克

Answer 1

您应该构建所有资产: javascripts、样式表、图像等…捆绑在一起并放在public/目录中(在public/build或public/assets等…中)。

因此，你需要Webpack，它是目前最好的外挂。Encore项目将此与Symfony很好地集成在一起。查看关于如何管理Symfony项目中的资产的文档。

在生产上部署之后，可以安全地删除远程服务器上的node_modules目录以释放磁盘空间。

将所有东西连接在一起，在主应用程序中创建一个front目录。在那里创建您的应用程序，例如。在app.js中加载所有javascript文件、语义等…使用Encore：

Encore
  .setOutputPath('public/build/')
  .setPublicPath('/build')
  .addEntry('app', './front/app')
  // more skipped for brevity

当您构建该项目时，Webpack将将其发送到public/build目录。

在您的base-template.html.twig中，包括css，只需简单地放置：

{{ encore_entry_link_tags('app') }}

在head部分和：

{{ encore_entry_script_tags('app') }}

就在关闭body之前。

如果您有任何关于webpack-安可的问题，请随时发布另一个问题。祝好运。