css - 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

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

例如:

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

或者这种方式取决于你的 js 超集，如果你有的话，它会用你的 .js 生成一个 .css 文件

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

在我的模板中使用该文件