taro-mp/vue3: 基于 taro 的小程序架构

小程序的架构
更新于: 2023-11-25 13:44:55

安装

yarn global add mirror-config-china @tarojs/cli

新建项目

这个工具,并不支持  taro init . 这种当前目录新建的情况。

taro init taro-mp
taro init taro-vue3

安装好包预览

4.0K    babel.config.js
12K     config
1.4M    dist
622M    node_modules
4.0K    package.json
4.0K    project.config.json
4.0K    project.private.config.json
4.0K    project.tt.json
24K     src
4.0K    tsconfig.json
4.0K    types
524K    yarn.lock

修复 process.env 问题

找到文件 ~/aric-tpls/taro-vue3/config/index.ts 添加 defineConstants 的定义逻辑。

import Components from 'unplugin-vue-components/webpack';
import NutUIResolver from '@nutui/nutui-taro/dist/resolver';
import { prefixedEnv } from '@jswork/env-utils';

const envs = prefixedEnv('TARO_APP_', process.env);

const config = {
  projectName: 'taro-vue3',
  // ....
  defineConstants: {
    'process.env': JSON.stringify(envs)
  }
};

module.exports = function (merge) {
  if (process.env.NODE_ENV === 'development') {
    return merge({}, config, require('./dev'));
  }
  return merge({}, config, require('./prod'));
};

参考