feat: 支持buildMiniComponent，以webpack方式构建小程序自定义组件

e2e/mini/.gitignore

@@ -0,0 +1,12 @@
+dist/
+yarn-error.log
+yarn.lock
+.tea
+.vscode
+.DS_Store
+!src/node_modules
+build/
+miniapptools_dist/
+
+alipay/components
+wechat/components

e2e/mini/alipay/app.acss

@@ -0,0 +1,3 @@
+page {
+  background: #f7f7f7;
+}

e2e/mini/alipay/app.js

@@ -0,0 +1,11 @@
+App({
+  onLaunch(options) {
+    // 第一次打开
+    // options.query == {number:1}
+    console.info('App onLaunch');
+  },
+  onShow(options) {
+    // 从后台被 scheme 重新打开
+    // options.query == {number:1}
+  },
+});

e2e/mini/alipay/app.json

@@ -0,0 +1,8 @@
+{
+  "pages": [
+    "pages/index/index"
+  ],
+  "window": {
+    "defaultTitle": "My App"
+  }
+}

e2e/mini/alipay/mini.project.json

@@ -0,0 +1,5 @@
+{
+  "exclude": [
+    "dist/**/*"
+  ]
+}

e2e/mini/alipay/pages/index/index.acss

@@ -0,0 +1 @@
+/* required by usingComponents */

e2e/mini/alipay/pages/index/index.axml

@@ -0,0 +1,6 @@
+
+<view>
+  this is a blank page
+  <greet name="greet1"></greet>
+  <greet2 name="greet2"></greet2>
+</view>

e2e/mini/alipay/pages/index/index.js

@@ -0,0 +1,35 @@
+Page({
+  onLoad(query) {
+    // 页面加载
+    console.info(`Page onLoad with query: ${JSON.stringify(query)}`);
+  },
+  onReady() {
+    // 页面加载完成
+  },
+  onShow() {
+    // 页面显示
+  },
+  onHide() {
+    // 页面隐藏
+  },
+  onUnload() {
+    // 页面被关闭
+  },
+  onTitleClick() {
+    // 标题被点击
+  },
+  onPullDownRefresh() {
+    // 页面被下拉
+  },
+  onReachBottom() {
+    // 页面被拉到底部
+  },
+  onShareAppMessage() {
+    // 返回自定义分享信息
+    return {
+      title: 'My App',
+      desc: 'My App description',
+      path: 'pages/index/index',
+    };
+  },
+});

e2e/mini/alipay/pages/index/index.json

@@ -0,0 +1,6 @@
+{
+  "usingComponents": {
+    "greet": "/components/greet/index",
+    "greet2": "/components/greet2/index"
+  }
+}

e2e/mini/build.js

@@ -0,0 +1,30 @@
+const { buildMiniComponent } = require('@remax/cli');
+
+const buildMap = [
+  {
+    target: 'ali',
+    output: 'alipay/components',
+    rootDir: 'src',
+    pxToRpx: true,
+    input: {
+      greet: 'greet/index',
+      greet2: 'greet2/index',
+    },
+  },
+  {
+    target: 'wechat',
+    output: 'wechat/components',
+    rootDir: 'src',
+    pxToRpx: true,
+    input: {
+      greet: 'greet/index',
+    },
+  },
+];
+
+buildMap.forEach(it => {
+  buildMiniComponent({
+    cwd: process.cwd(),
+    ...it,
+  });
+});

e2e/mini/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "e2e-mini",
+  "private": true,
+  "version": "1.0.0",
+  "scripts": {
+    "build": "node build.js"
+  },
+  "dependencies": {
+    "mini-antui": "^0.4.34",
+    "react": "^16.8.6",
+    "remax": "*"
+  },
+  "workspaces": {
+    "nohoist": [
+      "mini-antui",
+      "react"
+    ]
+  }
+}

e2e/mini/src/greet/index.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { View } from 'remax/one';
+
+console.log('greeting1');
+export default ({ name }) => {
+  return (
+    <View id="greeting">
+      <View>Hello {name}</View>
+    </View>
+  );
+};

e2e/mini/src/greet2/index.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { View } from 'remax/one';
+import Badge from 'mini-antui/es/badge';
+
+console.log('greeting2');
+export default ({ name }) => {
+  return (
+    <View id="greeting">
+      <View>Hello {name}</View>
+      <Badge>
+        <View slot="inner">Remax</View>
+      </Badge>
+    </View>
+  );
+};

e2e/mini/wechat/app.js

@@ -0,0 +1,19 @@
+// app.js
+App({
+  onLaunch() {
+    // 展示本地存储能力
+    const logs = wx.getStorageSync('logs') || [];
+    logs.unshift(Date.now());
+    wx.setStorageSync('logs', logs);
+
+    // 登录
+    wx.login({
+      success: res => {
+        // 发送 res.code 到后台换取 openId, sessionKey, unionId
+      },
+    });
+  },
+  globalData: {
+    userInfo: null,
+  },
+});

e2e/mini/wechat/app.json

@@ -0,0 +1,13 @@
+{
+  "pages":[
+    "pages/index/index"
+  ],
+  "window":{
+    "backgroundTextStyle":"light",
+    "navigationBarBackgroundColor": "#fff",
+    "navigationBarTitleText": "Weixin",
+    "navigationBarTextStyle":"black"
+  },
+  "style": "v2",
+  "sitemapLocation": "sitemap.json"
+}

e2e/mini/wechat/app.wxss

@@ -0,0 +1,10 @@
+/**app.wxss**/
+.container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  padding: 200rpx 0;
+  box-sizing: border-box;
+} 

e2e/mini/wechat/pages/index/index.js

@@ -0,0 +1,48 @@
+// index.js
+// 获取应用实例
+const app = getApp();
+
+Page({
+  data: {
+    motto: 'Hello World',
+    userInfo: {},
+    hasUserInfo: false,
+    canIUse: wx.canIUse('button.open-type.getUserInfo'),
+    canIUseGetUserProfile: false,
+    canIUseOpenData: wx.canIUse('open-data.type.userAvatarUrl') && wx.canIUse('open-data.type.userNickName'), // 如需尝试获取用户信息可改为false
+  },
+  // 事件处理函数
+  bindViewTap() {
+    wx.navigateTo({
+      url: '../logs/logs',
+    });
+  },
+  onLoad() {
+    if (wx.getUserProfile) {
+      this.setData({
+        canIUseGetUserProfile: true,
+      });
+    }
+  },
+  getUserProfile(e) {
+    // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认，开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
+    wx.getUserProfile({
+      desc: '展示用户信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
+      success: res => {
+        console.log(res);
+        this.setData({
+          userInfo: res.userInfo,
+          hasUserInfo: true,
+        });
+      },
+    });
+  },
+  getUserInfo(e) {
+    // 不推荐使用getUserInfo获取用户信息，预计自2021年4月13日起，getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息
+    console.log(e);
+    this.setData({
+      userInfo: e.detail.userInfo,
+      hasUserInfo: true,
+    });
+  },
+});

e2e/mini/wechat/pages/index/index.json

@@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "greet": "/components/greet/index"
+  }
+}

e2e/mini/wechat/pages/index/index.wxml

@@ -0,0 +1,5 @@
+<!--index.wxml-->
+<view class="container">
+  hello remax
+  <greet name="hello"/>
+</view>

e2e/mini/wechat/pages/index/index.wxss

@@ -0,0 +1,19 @@
+/**index.wxss**/
+.userinfo {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  color: #aaa;
+}
+
+.userinfo-avatar {
+  overflow: hidden;
+  width: 128rpx;
+  height: 128rpx;
+  margin: 20rpx;
+  border-radius: 50%;
+}
+
+.usermotto {
+  margin-top: 200px;
+}

e2e/mini/wechat/project.config.json

@@ -0,0 +1,68 @@
+{
+  "description": "项目配置文件",
+  "packOptions": {
+    "ignore": []
+  },
+  "setting": {
+    "bundle": false,
+    "userConfirmedBundleSwitch": false,
+    "urlCheck": true,
+    "scopeDataCheck": false,
+    "coverView": true,
+    "es6": true,
+    "postcss": true,
+    "compileHotReLoad": false,
+    "lazyloadPlaceholderEnable": false,
+    "preloadBackgroundData": false,
+    "minified": true,
+    "autoAudits": false,
+    "newFeature": false,
+    "uglifyFileName": false,
+    "uploadWithSourceMap": true,
+    "useIsolateContext": true,
+    "nodeModules": false,
+    "enhance": true,
+    "useMultiFrameRuntime": true,
+    "useApiHook": true,
+    "useApiHostProcess": true,
+    "showShadowRootInWxmlPanel": true,
+    "packNpmManually": false,
+    "enableEngineNative": false,
+    "packNpmRelationList": [],
+    "minifyWXSS": true,
+    "showES6CompileOption": false
+  },
+  "compileType": "miniprogram",
+  "libVersion": "2.18.1",
+  "appid": "wx4f97573c7eadf58f",
+  "projectname": "wechat",
+  "debugOptions": {
+    "hidedInDevtools": []
+  },
+  "scripts": {},
+  "staticServerOptions": {
+    "baseURL": "",
+    "servePath": ""
+  },
+  "isGameTourist": false,
+  "condition": {
+    "search": {
+      "list": []
+    },
+    "conversation": {
+      "list": []
+    },
+    "game": {
+      "list": []
+    },
+    "plugin": {
+      "list": []
+    },
+    "gamePlugin": {
+      "list": []
+    },
+    "miniprogram": {
+      "list": []
+    }
+  }
+}

e2e/mini/wechat/sitemap.json

@@ -0,0 +1,7 @@
+{
+  "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
+  "rules": [{
+  "action": "allow",
+  "page": "*"
+  }]
+}