Шаблон проекта для разработки приложений WeChat и Alipay

Шаблон проекта, разработанного с использованием webpack, babel и scss, для создания приложений WeChat (微信) и Alipay (支付宝).

Функции

• Поддержка использования модулей из папки node_modules.
• Возможность настройки псевдонимов (alias) для избежания длинных путей при импорте модулей.
• Использование babel для поддержки более богатого набора возможностей ES6, включая async/await.
• Встроенные модули promise и lodash, которые импортируются по требованию.
• Написание файлов .wxss с использованием scss. В шаблоне есть полезные mixins и extends.
• Предоставление глобальных констант DEV и process.env.NODE_ENV для помощи в разработке.
• Автоматическая компиляция для приложений WeChat и Alipay.
• Глобальные константы WECHAT и ALIPAY для определения типа приложения.
• Быстрое создание страниц для приложения WeChat через командную строку.
• Сжатие кода в среде production.
• Стиль eslint соответствует стилю Airbnb.

Начало работы

Убедитесь, что у вас установлены Node.js (>= v4.2) и yarn или npm.

1. Скопируйте проект:

# project-name 替换 именем вашего проекта
git clone git@gitee.com:caomei-studio/wxapp-boilerplate.git --depth 1 project-name

2. Добавьте частный репозиторий caomei:

npm set @caomei:registry=http://116.62.56.115:4873

3. Установите зависимости с помощью yarn или npm:

yarn install

или

npm install

4. Запустите разработку с помощью команды yarn start или npm start.
5. В инструменте разработчика WeChat добавьте каталог dist/wechat к вашему проекту.

Встроенные команды

• yarn start: запускает webpack для разработки приложения WeChat, автоматически перекомпилирует при изменении файлов.
• yarn start:alipay: запускает webpack для разработки приложения Alipay, автоматически перекомпилирует при изменении файлов.
• yarn build: компилирует код для среды production в каталоги dist/wechat и dist/alipay.
• yarn create-page: быстро создаёт страницу для приложения WeChat. Для получения дополнительной информации о create-page обратитесь к create-wxapp-page.

Совместимость с WeChat и Alipay

Разработчики могут использовать один набор исходного кода для создания приложений для WeChat и Alipay. Этот шаблон поддерживает автоматическую компиляцию wxml в axml, преобразование wx:attr в a:attr, а также API wx в my. Однако некоторые интерфейсы могут немного отличаться на разных платформах. Разработчики могут динамически обрабатывать эти различия с помощью WECHAT или ALIPAY.

Журнал изменений

Changelog

Связанные проекты

• create-wxapp-page
• react-lib-boilerplate
• front-end-lib-boilerplate
• node-cli-boilerplate

Лицензия

MIT