在Laravel中使用npm安装FlatPicker时，如何加载CSS？

我有一个Laravel项目，正在尝试使用FlatPicker，如下页所示：

我能够通过

npm I flatpickr安装flatpickr--save

并正确地将其导入JS代码，并通过

import flatpickr从“flatpickr”使用它，但我的问题是：如何将CSS也引入到项目中

我最终使用了上面flatpickr文档链接中引用的以下HTML
链接
标记：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">



但我想知道是否有更好的方法将FlatPicker的CSS引入到我的项目中

也就是说，当您使用npm安装一个包并将其导入JS时，CSS是否有类似的功能，或者我们是否需要使用传统的
链接
标记来包含CSS，这是我们唯一的选择

我在文档中或谷歌上找不到任何关于如何做到这一点的信息，所以我真的很好奇。谢谢。
webpack.mix.js

const mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */

mix.js(['resources/js/app.js', 'node_modules/flatpickr/dist/flatpickr.js'], 'public/js')
    .sass('resources/sass/app.scss', 'public/css')
    .stylus('node_modules/flatpickr/src/style/flatpickr.styl', 'public/css');

运行
npm运行dev

结果是
js/app.js
和
css/flatpickr.css


…或者你可以加上

@import'~flatpickr/dist/flatpickr.css'

到

resources/sass/app.scss

跑

npm运行开发人员

然后，您将所有css（引导/FlatPicker）放在一个文件中
public/css/app.css
现在是2021年3月，如果使用Laravel和较新的Laravel mix以及
npx mix
和TailwindCSS，您可以通过以下方式将FlatPicker添加到app.css文件中：

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
@import 'flatpickr/dist/flatpickr.css';

注意：在app.css文件中，所有@import必须放在任何其他内容之前。
。我不知道。非常感谢你。这是节点模块的常见模式吗？也就是说，在
node\u modules
package目录中，是否通常有一个包含所有CSS的
dist
目录等。？还有，CSS和手写笔文件之间有什么区别？触笔是否与Sass/Less类似？另外，
import
语句中的波浪线（
~
）是什么意思？最后，我使用的是Vue Multiselect（）。获取CSS的模式是否类似？再次感谢。
~
有点像一个快捷方式，但会在一些常见的位置找到。一个是项目根目录中的
node\u modules
。非常有用。谢谢。