1.1.1 • Published 5 years ago

@kinna/wx-mini v1.1.1

Weekly downloads
-
License
MIT
Repository
-
Last release
5 years ago

@kinna/wx-mini

简介

@kinna/wx-mini为简易版微信小程序快速构建脚手架,可实现以下功能:

  • 快速创建微信小程序项目
  • 快速创建页面目录以及子文件,并添加对应的分包配置
  • 快速删除文件目录,并删除对应的分包配置
  • 快速创建组件以及子文件
  • 监测文件变化实时变更小程序代码
  • 快速分环境打包不同AppID下的项目程序

特别说明

  • 脚手架下的css预处理器默认选用scss
  • 脚手架默认选用js,而不使用ts(后续会考虑)
  • 初始化项目后会默认在项目目录下建立mini.config.json文件,用作后续的自定义配置

安装

npm i @kinna/wx-mini -g

用法

mini <command> [options]

Commands: | 命令 | 说明 | | --- | --- | |init projectName | 初始化微信小程序项目 | |page | 创建页面目录以及子文件并添加对应配置 | |com | 创建组件目录以及子文件 | |rm | 删除页面目录以及对应的配置 | |help | 获取使用说明 |

说明

  • 创建项目

运行以下命令创建微信小程序项目

mini init [projectName]

projectName为选填项,如若不带参数,则会询问对应的项目名称。

项目名称必须为不存在的才可创建

  • 创建页面目录

运行以下命令创建微信小程序页面目录

mini page <页面相对路径>

页面路径是相对于src目录而言,例如:/test/test,则会在src下创建test/test/index.wxml,test/test/index.scss,test/test/index.json,test/test/index.js,并且如若是分包加载,则会在app.json中添加对应的分包配置

  • 创建组件目录

运行以下命令创建微信小程序组件目录

mini con <组件名称>

组件会被添加到component目录下

  • 删除页面目录

运行以下命令删除微信小程序页面目录

mini rm <页面相对路径>

页面路径是相对于src目录而言,例如:/test/test,则会删除src下的test/test下的全部文件,并且如若是分包加载,则会将app.json中对应的分包配置删除

  • 构建热加载

运行以下命令构建热加载

npm run dev

该环境下会监测文件的变化,并将构建后的文件放置到example目录下

  • 构建测试环境项目

运行以下命令构建测试环境项目

npm t

该环境下会重构项目文件放置到example目录下

  • 构建正式环境项目

运行以下命令构建正式环境项目

npm run build

该环境下会重构项目文件放置到dist目录下

配置文件

可在项目目录下建立mini.config.json文件用作自定义配置文件。

参数: | 参数 | 说明 | 默认值 | | --- | --- | --- | |css | 小程序使用的css预处理器|scss| |pageSrc | 创建页面时相对于项目的路径 |/src| |comSrc | 创建组件时相对于项目的路径 |/src/component|