轩枫阁

首页 / Web前端 / 轩枫阁V3主题开发-构建篇

轩枫阁V3主题开发-构建篇

前言

本文将介绍如何将基于WP的项目,结合前端工作流tmt-workflow,实现开发、体验、部署上线流程,流程简单,自定义程度高。

tmt-workflow

tmt-workflow 是一个基于 Gulp(v4.0)、高效、跨平台(macOS & Win)、可定制的前端工作流程。

介绍文章:tmt-workflow前端工作流

目录结构

自定义任务

每个项目下都有对应的_tasks目录,用于自定义构建,因为tmt-workflow只能满足基本需求,如果情况需要特殊处理:

  • 修改src目录php文件时,处理至外层目录并刷新浏览器
  • 替换php文件中路径如./css./img./js
  • 资源文件添加版本号(.php、.mp3、.html不处理),替换为WP格式PHP路径
  • 复制fonts字体文件
  • FTP增量发布文件至服务器

流程图

builddevall

builddistall

本地环境 dev

 

体验环境 dist

上线发布 publish

增量发布

增量发布使用vinyl-ftp提供的newer方法判断文件是否已更新,是否进行上传替换。

34/440
36/440

相关文章

文章评论

  • 暂无评论

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]