一、先说引入lottie.js
1.如下两种方法都不可行
<script src="./js/lottie.js" type="text/javascript"></script>
<script src="./node_modules/lottie-web/build/player/lottie.js" type="text/javascript"></script>
2.正确引入的方法
1.先 npm i lottie-web -s
2.在需要的js文件里 import lottie from ‘lottie-web’;
二.小例子
1.html 代码
<div class="icon"></div>
js 代码
import lottie from 'lottie-web';
const icon = document.querySelector('.icon');
lottie.loadAnimation({
container: icon, // 包含动画的dom元素
renderer: 'svg', //渲染出来的是什么格式
loop: true, //循环播放
autoplay: true, //自动播放
path: './data.json' // 动画json的路径
});