Symfony 4和webpack增补，在添加CSS第三库时寻求良好实践

2024-05-16 • 问答

我正在使用Symfony 4新项目。

通过纱，我（通过示例）安装了CSS库animate.css

yarn install animate.css

从webpack.config.js文件中，我添加了animate.css文件，如下所示：

.addStyleEntry('animate','./node_modules/animate.css/animate.css')

我的问题是：这是添加CSS库的好方法吗？我不确定直接使用node_module路径是否是个好习惯。

有更好的方法吗？

通常您将其直接注入正在使用的.js文件中

例如：

require('animate.css/animate.css')

或以某种方式（取决于您的js超集）以某种方式生成的内容，因此它将与.js一起生成.css文件

一个例子是这样的：在我的打字稿文件的第一行，我将其称为import ./style.css
之后，Encore将为我生成一个nwe .css文件，我可以使用{{ encore_entry_link_tags('entry') }}

在我的模板中使用该文件