我想在我的未来主题中使用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【Understrap WordPress入门主题】你可以从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="http://img.readke.com/220528/0925421532-0.jpg">
<
/script>
推荐阅读
- 独特功能图片作为wordpress中每页的标题图片
- 将主题移至Web服务器后出现未定义的函数错误
- 02django 框架ORM 操作数据库,字段的增删改查
- ssh配置临时反向代理
- 测试jasn
- 03 django 框架 ORM 创建表关系,django请求生命周期流程图,版本区别
- Linux type命令有什么作用(如何使用?)
- 云计算2.0时代,云巨头如何提升用户体验赢得竞争优势
- zabbix编译安装后启动偶然的错误,一个库文件异常