https://github.com/kaiwu/wechat_dev_tools

develop wechat miniprogram with gleam
https://github.com/kaiwu/wechat_dev_tools

Last synced: 3 months ago
JSON representation

develop wechat miniprogram with gleam

• Host: GitHub
• URL: https://github.com/kaiwu/wechat_dev_tools
• Owner: kaiwu
• Created: 2024-07-20T14:29:32.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-07-23T01:16:38.000Z (4 months ago)
• Last Synced: 2024-07-28T16:34:46.654Z (4 months ago)
• Language: Less
• Size: 85 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-gleam - wechat_dev_tools - [📚](https://hexdocs.pm/wechat_dev_tools/) - Tools to develop wechat miniprogram in gleam (Packages / SDKs)

README

        
# wechat_dev_tools

[![Package Version](https://img.shields.io/hexpm/v/wechat_dev_tools)](https://hex.pm/packages/wechat_dev_tools)

[![Hex Docs](https://img.shields.io/badge/hex-docs-ffaff3)](https://hexdocs.pm/wechat_dev_tools/)

Develop wechat miniprograms in [gleam](https://gleam.run).

It uses [esbuild](https://esbuild.github.io/) and [esbuild-plugin-less](https://github.com/iam-medvedev/esbuild-plugin-less) to build `*.json`, `*.wxml` and `.wxss` files

```sh

$ git clone https://github.com/kaiwu/wechat_dev_tools.git your-project

$ cd your-project

$ npm install

$ gleam build

```

## Development

Update `src/bundle.gleam` so that it includes each one of your page and component

```gleam

pub fn pages() -> List(#(String, Constructor)) {

  [#("index", index.page)]

}

pub fn components() -> List(#(String, Constructor)) {

  [#("basic", basic.component)]

}

```

Npm scripts are provided for convenience

```sh

$ npm run purge

$ npm run clean

$ npm run build

$ npm run watch

```

One can use the excellent `watchexec` command to watch gleam file changes, such as

```sh

$ # a full continuous building process

$ watchexec -e gleam gleam build

$ npm run watch

```