react中用pace.js

时间:2023-01-08 15:15:18

pace.js不支持npm, 所以只能直接下载下来,当作普通js引入

我在用的时候怎么都引不到组件里去用

后来终于找到方法了,直接上图了

1.先将pace文件下载来放在公共js目录下,pace.less是用来放加载样式的,也是放在公共less下,一般会把pace目录下的theme和template文件删除,把需要用到的样式直接中theme文件中复制粘贴过来

这样比直接去theme目录引要好的多,因为往往你会修改一下样式

react中用pace.js

2.在webpack里配置一下路径,如果没有这步操作,在构建的时候会报错

react中用pace.js

3.引用pace, 一般在一个页面的根组件上引用,在componentDidMount()的时候pace.start()就可以啦

react中用pace.js