diff --git a/scaffolds/app-js/mini.project.json b/scaffolds/app-js/mini.project.json
new file mode 100644
index 0000000..76f1b33
--- /dev/null
+++ b/scaffolds/app-js/mini.project.json
@@ -0,0 +1,6 @@
+{
+  "miniprogramRoot": "miniprogram",
+  "scripts": {
+    "beforeUpload": "npm run build"
+  }
+}
diff --git a/scaffolds/app-js/package.json b/scaffolds/app-js/package.json
index eee82f1..76270c5 100644
--- a/scaffolds/app-js/package.json
+++ b/scaffolds/app-js/package.json
@@ -2,7 +2,7 @@
   "name": "@rax-materials/scaffolds-app-js",
   "author": "rax",
   "description": "Rax 无线跨端应用工程，使用 JavaScript。",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "scripts": {
     "start": "rax-app start",
     "build": "rax-app build",
diff --git a/scaffolds/app-js/src/miniapp-compiled/Card/index.module.css b/scaffolds/app-js/src/miniapp-compiled/Card/index.module.css
new file mode 100644
index 0000000..6851afb
--- /dev/null
+++ b/scaffolds/app-js/src/miniapp-compiled/Card/index.module.css
@@ -0,0 +1,23 @@
+.card {
+  align-items: center;
+  margin-top: 20rpx;
+  box-sizing: border-box;
+  border-radius: 8rpx;
+  width: 100%;
+  padding: 12rpx 0;
+  background-color: #eee;
+}
+
+.title {
+  height: 60rpx;
+  line-height: 60rpx;
+  font-weight: 700;
+  position: relative;
+  margin-bottom: 8rpx;
+  border-bottom: 1rpx solid #000;
+}
+
+.content {
+  color: rgb(48, 47, 47);
+  font-size: 28rpx;
+}
diff --git a/scaffolds/app-js/src/miniapp-compiled/Card/index.tsx b/scaffolds/app-js/src/miniapp-compiled/Card/index.tsx
new file mode 100644
index 0000000..aad5a26
--- /dev/null
+++ b/scaffolds/app-js/src/miniapp-compiled/Card/index.tsx
@@ -0,0 +1,14 @@
+import { createElement } from 'rax';
+import View from 'rax-view';
+
+import styles from './index.module.css';
+
+export default function Card(props) {
+  const { title, content } = props;
+  return (
+    <View className={styles.card}>
+      <View className={styles.title}>{title}</View>
+      <View className={styles.content}>{content}</View>
+    </View>
+  );
+}
diff --git a/scaffolds/app-js/src/miniapp-compiled/index.tsx b/scaffolds/app-js/src/miniapp-compiled/index.tsx
new file mode 100644
index 0000000..3318486
--- /dev/null
+++ b/scaffolds/app-js/src/miniapp-compiled/index.tsx
@@ -0,0 +1,5 @@
+import Card from './Card';
+
+export {
+  Card,
+};
diff --git a/scaffolds/app-js/src/pages/Home/index.jsx b/scaffolds/app-js/src/pages/Home/index.jsx.ejs
similarity index 60%
rename from scaffolds/app-js/src/pages/Home/index.jsx
rename to scaffolds/app-js/src/pages/Home/index.jsx.ejs
index d0e1976..cddf249 100644
--- a/scaffolds/app-js/src/pages/Home/index.jsx
+++ b/scaffolds/app-js/src/pages/Home/index.jsx.ejs
@@ -5,6 +5,9 @@ import Text from 'rax-text';
 import styles from './index.module.css';
 
 import Logo from '@/components/Logo';
+<%_ if (targets.includes('miniapp') || targets.includes('wechat-miniprogram')) { -%>
+import Card from '../../miniapp-compiled/Card/index';
+<%_ } %>
 
 export default function Home() {
   return (
@@ -13,6 +16,9 @@ export default function Home() {
       <Text className={styles.homeTitle}>Welcome to Your Rax App</Text>
       <Text className={styles.homeInfo}>More information about Rax</Text>
       <Text className={styles.homeInfo}>Visit https://rax.js.org</Text>
+      <%_ if (targets.includes('miniapp') || targets.includes('wechat-miniprogram')) { -%>
+      <Card title="这是一个 Rax 小程序编译时组件" content="详情查看 https://rax.js.org/docs/guide/dual-engine-mix" />
+      <%_ } %>
     </View>
   );
 }
diff --git a/scaffolds/app-ts/mini.project.json b/scaffolds/app-ts/mini.project.json
new file mode 100644
index 0000000..76f1b33
--- /dev/null
+++ b/scaffolds/app-ts/mini.project.json
@@ -0,0 +1,6 @@
+{
+  "miniprogramRoot": "miniprogram",
+  "scripts": {
+    "beforeUpload": "npm run build"
+  }
+}
diff --git a/scaffolds/app-ts/package.json b/scaffolds/app-ts/package.json
index e16926d..a9aa4e9 100644
--- a/scaffolds/app-ts/package.json
+++ b/scaffolds/app-ts/package.json
@@ -2,7 +2,7 @@
   "name": "@rax-materials/scaffolds-app-ts",
   "author": "rax",
   "description": "Rax 无线跨端应用工程，使用 TypeScript。",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "scripts": {
     "start": "rax-app start",
     "build": "rax-app build",
diff --git a/scaffolds/app-ts/src/miniapp-compiled/Card/index.module.css b/scaffolds/app-ts/src/miniapp-compiled/Card/index.module.css
new file mode 100644
index 0000000..6851afb
--- /dev/null
+++ b/scaffolds/app-ts/src/miniapp-compiled/Card/index.module.css
@@ -0,0 +1,23 @@
+.card {
+  align-items: center;
+  margin-top: 20rpx;
+  box-sizing: border-box;
+  border-radius: 8rpx;
+  width: 100%;
+  padding: 12rpx 0;
+  background-color: #eee;
+}
+
+.title {
+  height: 60rpx;
+  line-height: 60rpx;
+  font-weight: 700;
+  position: relative;
+  margin-bottom: 8rpx;
+  border-bottom: 1rpx solid #000;
+}
+
+.content {
+  color: rgb(48, 47, 47);
+  font-size: 28rpx;
+}
diff --git a/scaffolds/app-ts/src/miniapp-compiled/Card/index.tsx b/scaffolds/app-ts/src/miniapp-compiled/Card/index.tsx
new file mode 100644
index 0000000..aad5a26
--- /dev/null
+++ b/scaffolds/app-ts/src/miniapp-compiled/Card/index.tsx
@@ -0,0 +1,14 @@
+import { createElement } from 'rax';
+import View from 'rax-view';
+
+import styles from './index.module.css';
+
+export default function Card(props) {
+  const { title, content } = props;
+  return (
+    <View className={styles.card}>
+      <View className={styles.title}>{title}</View>
+      <View className={styles.content}>{content}</View>
+    </View>
+  );
+}
diff --git a/scaffolds/app-ts/src/miniapp-compiled/index.tsx b/scaffolds/app-ts/src/miniapp-compiled/index.tsx
new file mode 100644
index 0000000..3318486
--- /dev/null
+++ b/scaffolds/app-ts/src/miniapp-compiled/index.tsx
@@ -0,0 +1,5 @@
+import Card from './Card';
+
+export {
+  Card,
+};
diff --git a/scaffolds/app-ts/src/pages/Home/index.tsx b/scaffolds/app-ts/src/pages/Home/index.tsx.ejs
similarity index 56%
rename from scaffolds/app-ts/src/pages/Home/index.tsx
rename to scaffolds/app-ts/src/pages/Home/index.tsx.ejs
index e0d9ff0..cddf249 100644
--- a/scaffolds/app-ts/src/pages/Home/index.tsx
+++ b/scaffolds/app-ts/src/pages/Home/index.tsx.ejs
@@ -3,7 +3,11 @@ import View from 'rax-view';
 import Text from 'rax-text';
 
 import styles from './index.module.css';
-import Logo from '../../components/Logo';
+
+import Logo from '@/components/Logo';
+<%_ if (targets.includes('miniapp') || targets.includes('wechat-miniprogram')) { -%>
+import Card from '../../miniapp-compiled/Card/index';
+<%_ } %>
 
 export default function Home() {
   return (
@@ -12,6 +16,9 @@ export default function Home() {
       <Text className={styles.homeTitle}>Welcome to Your Rax App</Text>
       <Text className={styles.homeInfo}>More information about Rax</Text>
       <Text className={styles.homeInfo}>Visit https://rax.js.org</Text>
+      <%_ if (targets.includes('miniapp') || targets.includes('wechat-miniprogram')) { -%>
+      <Card title="这是一个 Rax 小程序编译时组件" content="详情查看 https://rax.js.org/docs/guide/dual-engine-mix" />
+      <%_ } %>
     </View>
   );
 }