# 导入问题
npm install wowjs
导入依赖后使用,在本地 let wow = new WOW({}),wow.init();看似没什么大问题。
但是在run docs:build后会报错,window is not defined; 查阅官网 (opens new window)发现一些组件和库导入失败,在网上翻阅了一些答案后,并结合自己的库的使用。使用一下方式来导入wowjs组件
- wow.js以及animate.css的准备
在node_modules中wow.js包中的WOW.js以及css文件下的animate.css文件拷贝到自己的资源目录中。我的做法就是在.vuepress目录下新建wowjs文件夹,把两个文件放入改文件夹中。 - 把配置写在enhanceApp.js中
配置如下:
import "./wowjs/animate.css";
export default ({ Vue, options, router, siteData }) => {
Vue.mixin({
mounted() {
import('./wowjs/WOW.js').then((m)=> {
// m 是一个什么类型?这里自行输出看下,Class继承wow.js。
const wow = new m.default;
wow.init();
})
},
})
};
TIP
wow.js使用是可以了,但在移动端查看时发现了一个问题。
当wow.js动画生效时,页面会自动回到顶部,这个问题到现在依然存在还没有解决。