Symfony 4 和 webpack encore，在添加 CSS 第三个库时寻找好的实践

Question

我正在进行 Symfony 4 新项目。

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

yarn install animate.css

我从 webpack.config.js 文件中添加了 animate.css 文件：

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

我的问题是：像那样添加 CSS 库是一种好方法吗？我不确定直接使用 node_module 路径是否是一个好习惯..

有没有更好的方法？

Answer 1

通常你直接将它注入到你正在使用的 .js 文件中

例如：

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

或以这种方式进行的操作，具体取决于您的 js 超集，如果您有的话，它会生成一个包含您的 .css 文件的 .js

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

在我的模板中使用该文件