个性化阅读
专注于IT技术分析

Understrap WordPress入门主题

我想在我的未来主题中使用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 scripts && gulp watch’

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

有人可以帮我吗?

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

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

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

代替 :

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

谢谢


#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>
赞(0)
未经允许不得转载:srcmini » Understrap WordPress入门主题

评论 抢沙发

评论前必须登录!