代码拉取完成,页面将自动刷新
使用 vue3 多端开发(小程序和Web),基于 kbone 的 element 和 render。
npm run web
npm run mp
npm run build
npm run build:mp
需要先进入 dist/mp 目录执行 npm install
安装相关的依赖包,然后用开发者工具打开 dist/mp 目录后再进行 npm 构建(关于 npm 构建可点此查看官方文档)。
此模板 Web 端使用多入口;小程序端则按照业务分拆成多个页面。
├─ build
│ ├─ miniprogram.config.js // mp-webpack-plugin 配置
│ ├─ webpack.base.config.js // 基础配置
│ ├─ webpack.dev.config.js // Web 端构建开发环境配置
│ ├─ webpack.mp.config.js // 小程序端构建配置
│ └─ webpack.prod.config.js // Web 端构建生产环境配置
├─ dist
│ ├─ dev
│ └─ mp // 小程序端目标代码目录,使用微信开发者工具打开,用于开发环境
│ ├─ prod
│ └─ mp // 小程序端目标代码目录,使用微信开发者工具打开,用于生产环境
│ └─ web // web 端编译出的文件,用于生产环境
├─ src
│ ├─ components // 通用组件
│ ├─ pages // 页面入口目录
│ │ ├─ page1 // page1 页面
│ │ │ └─ main.js // 入口文件
│ │ ├─ page2 // page2 页面
│ │ │ └─ main.js // 入口文件
│ │ └─ page3 // page3 页面
│ │ └─ main.js // 入口文件
│ ├─ app.css // 小程序端主样式文件
│ └─ app.js // 小程序端主文件
└─ index.html // Web 端入口模板
如果要使用 ts,则在 vue 的 script 标签上加上 lang="ts"
。如果要使用 reduce-loader,就不能使用 ts,因为 ts 目前没有支持内联 loader。
MIT
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。