使用Sage开发WordPress主题:发布时bower_components目录的处理方法
首先明确回答:分发主题时完全不需要包含bower_components目录。原因很简单——这个目录是你开发阶段用来管理第三方依赖的,而你已经有了dist文件夹,里面应该已经包含了所有编译、合并后的CSS和脚本文件(包括bower依赖的代码)。把bower_components打包进去只会无端增大主题体积,而且不符合WordPress主题分发的最佳实践,用户安装主题根本不需要这些开发时的原始依赖文件。
接下来是使用bower_components开发的Sage主题的正确分发流程,一步步来:
确保所有依赖都已编译到dist目录
先运行Sage的构建命令(通常是gulp build或者yarn build,取决于你用的版本),确认dist/css和dist/js里的文件是最新的,并且已经包含了bower引入的第三方库代码(比如jQuery、Bootstrap这类)。可以在本地测试一下,删掉bower_components后主题是否还能正常运行,以此验证dist文件的完整性。清理开发专属文件/目录
删除所有只在开发阶段需要的内容:bower_components目录- 如果用了npm,
node_modules目录也删掉 - 开发配置文件比如
gulpfile.js、webpack.config.js(如果不需要用户二次开发的话) - 版本控制相关的
.git、.gitignore、.bowerrc这类文件
检查WordPress主题的必填项
确认主题根目录的style.css头部注释符合WordPress规范(必须包含Theme Name、Version、Author等信息),functions.php里正确注册了dist目录下的样式和脚本,核心模板文件(index.php、single.php、page.php等)都齐全。进行最终测试
把整理好的主题文件夹压缩成zip,在一个全新的WordPress环境里安装激活,测试所有功能:页面样式是否正常加载、脚本是否能正常运行、响应式布局有没有问题,确保没有因为删除bower_components而出现依赖缺失的情况。打包分发
把测试通过的主题zip包作为分发版本,你也可以在主题根目录添加一个README.md,说明主题的功能、安装方法,如果允许用户二次开发,可以附上如何重新安装bower依赖的说明(比如运行bower install)。
内容的提问来源于stack exchange,提问作者MACMAN

