基于 PHP 开源的的常识付费源码开发工作流
残缺源码:zs.xcxyms.top
实用场景
目前开发常识付费零碎时,任选的技术计划大略有四种,别离是:
1、常识付费小程序开发
2、应用 wepy 框架
3、应用 mpvue 框架
4、应用芋头框架
但应用框架,能够为框架组件带来的开发便当,对于小程序的新增性能、插件和个性等,例如 WX 的自定义开发机制,受开发制于各个模块框架实现,无奈应用。
而小苹果的模式,又简略又简略的程序,就让咱们的开发者和小伙伴们的敌人们肯定能用得上的这种写法,基于此,基于此,咱们无奈应用自动化工具来构建小型信箱。程序的根底模板,残缺的常识付费源码零碎 less 退出了根底和个性的根底上,还能够应用来写款式,同时图片压缩,在开发性能上疾速创立模板等个性。
个性
●基于 gulp+less 的制作微信小程序工程项目
●我的项目图片主动压缩
●ESLint 代码查看
●用最好的创意 page、template 和 component
●反对生产环境打包
入门
0. 开始之前,请确保曾经装置 node 和 npm,装置 gulp-cli
$ npm install --global gulp-cli
1. 下载代码
$ git clone ****
2. 进目录,装置依赖
$ cd wx-miniprogram-iyunxiao && npm install
- 编译代码,生成 dist 目录,应用开发者工具关上 dist 目录
$ npm run dev(开发环境打包)$ npm run test (测试环境打包)
4. 新建页面、模板或组件
gulp auto -p mypage 创立名为 mypage 的 page 文件
gulp auto -t mytpl 创立名为 mytpl 的 template 文件
gulp auto -c mycomponent 创立名为 mycomponent 的 component 文件
gulp auto -s index -p mypage 复制 pages/index 中的文件创建名称为 mypage 的页面
5. 上传代码前编译
$ npm run build(生产环境打包)
- 上传代码,审核,发版
工程构造
wx-miniprogram-iyunxiao
├── dist // 编译后目录
├── node_modules // 我的项目依赖
├── src
│ ├── components // 微信小程序自定义组件
│ ├── env // 申请域名配置
│ ├── images // 页面中的图片和 icon
│ ├── pages // 小程序 page 文件
│ ├── styles // ui 框架,公共款式
│ ├── template // 模板
│ ├── utils // 公共 js 文件
│ ├── app.js
│ ├── app.json
│ ├── app.less
│ ├── project.config.json // 我的项目配置文件
│ └── api.config.js // 我的项目 api 接口配置
├── .gitignore
├── .eslintrc.js
├── package-lock.json
├── package.json
└── README.md
Gulp 阐明
Tasks:
dev 开发编译,同时监听文件变动
test 整体编译,申请指向测试环境
build 整体编译
clean 清空产出目录
wxml 编译 wxml 文件(仅仅 copy)js 编译 js 文件,同时进行 ESLint 语法查看
json 编译 json 文件(仅仅 copy)wxss 编译 less 文件为 wxss
img 编译压缩图片文件
watch 监听开发文件变动
devEnv/testEnv/prodEnv 生成对应环境的申请域名配置
auto 主动依据模板创立 page,template 或者 component(小程序自定义组件)
gulp auto
选项:-s, --src copy 的模板 [字符串] [默认值: "_template"]
-p, --page 生成的 page 名称 [字符串]
-t, --template 生成的 template 名称 [字符串]
-c, --component 生成的 component 名称 [字符串]
--msg 显示帮忙信息 [布尔]
示例:gulp auto -p mypage 创立名为 mypage 的 page 文件
gulp auto -t mytpl 创立名为 mytpl 的 template 文件
gulp auto -c mycomponent 创立名为 mycomponent 的 component 文件
gulp auto -s index -p mypage 复制 pages/index 中的文件创建名称为 mypage 的页面
Q:_template 目录的文件有什么用?
A:应用 gulp auto 命令主动文件,- s 参数能够指定复制生成的对象,默认状况下是下文件夹为_template 中的文件为复制对象的。开发者能够依据业务需要,自定义_template 下的文件。
Q:_template 目录的文件是否会被编译到 dist 目录中?
A:不会。