Vue3 移动端项目模板:基于 Vant UI 和 TypeScript

Vue3 移动端项目模板:基于 Vant UI 和 TypeScript

本项目模板帮助开发者快速搭建基于 Vue3、Vant UI 和 TypeScript 的移动端项目。

Vant 安装与配置

npm i vant@next -S

使用 ts-import-plugin 实现 Vant 按需导入

当本地缺少 webpack-merge 和 ts-import-plugin 时,需要先进行安装:

npm i webpack-merge
npm i ts-import-plugin 

vue.config.js 文件中添加以下配置:

/* eslint-disable @typescript-eslint/no-var-requires */ 
const merge = require('webpack-merge')
const tsImportPluginFactory = require('ts-import-plugin') 

module.exports = { 
  chainWebpack: config => { 
    config
    // ...其他配置
  }
}
zip 文件大小:1.36MB