Question

我想在我的未来主题中使用Understrap，并希望向其添加swiperjs库，如脚本官方页面中所述，我必须从以下位置添加它：

npm install swiper

在此之后我该怎么办？我必须从gulpfile.js中要求它吗？

var swiper = require('swiper');
console.log(swiper) // output the swiper object from terminal after gulp scripts

在同一个文件（gulpfile.js）中，我找到了可以添加自定义js的行：

    `${paths.dev}/js/skip-link-focus-fix.js`,

    // Adding currently empty javascript file to add on for your own themes´ customizations
    // Please add any customizations to this .js file only!
    `${paths.dev}js/custom-javascript.js`,

所以我在src文件夹中添加了带有console.log（'test'）和alert（'test'）的'custom-javascript.js'，最后运行了'gulp脚本&& gulp监视'

我没有得到console.log测试，也没有打印警报。

有人可以帮助我吗？

==========已解决===============

因此，对于面临相同问题的人，只需在js目录之前添加斜杠：

`${paths.dev}/js/custom-javascript.js`

而不是：

`${paths.dev}js/custom-javascript.js`

谢谢

Answer 1

您可以只从header.php文件添加中的CDN运行JS和CSS

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.min.css">

，然后在footer.php文件中添加

<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js"></script>

Understrap WordPress入门主题

1 个答案: