vue项目导入swiper插件之dist路径坑

在项目中引入swiper插件时，发现项目中报错出现路径错误，又再一次报着不解的疑惑取node_modules找到swiper文件夹找找是否有dist文件夹。

果然没有发现dist文件夹，这跟之前使用swiper遇到的情况咋不一样呢？我分析的原因是：因为下载版本不同的原因所造成的，之前下载swiper是带有dist文件夹的，那么大家可以在使用npm下载时指定版本号例如(此时的5.x.x是需要取官方找对应的版本哦)：

npm install [email protected] --save-dev

下载该swiper插件。
那么在这里我解决的办法是：
创建dist文件夹将css文件夹移入该dist文件夹中

那么在我们引入swiper插件时就可以在script中这样写啦

import Swiper from ‘swiper’;
import ‘swiper/dist/css/swiper.min.css’;

或者不需将js文件夹与css文件夹移入新创建的dist文件夹中只需更改引入min.css的路径即可

import Swiper from ‘swiper’;
import ‘swiper/css/swiper.min.css’;

以上为导入swiper插件之dist坑的分享啦，有所帮助的话就点个赞呗。