taro-mp/vue3: 基于 taro 的小程序架构
小程序的架构
安装
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'));
};