uniapp项目转cli模式,开发环境,测试环境,生产环境的配置和判断

671 阅读1分钟
全局安装vue-cli
npm install -g @vue/cli
创建项目
vue create -p dcloudio/uni-preset-vue my-project

根据需要选择自己需要的模板,一般来讲默认的就可以,然后安装node-sass

注意:

node-sass版本建议不要太高,不然会不兼容,7.0.1就可以.

vue-cli的版本也不要太高,建议 4.5.15

创建成功后的目录,把我们之前的项目内容放在src下就可以了,根据项目需要安装less,和引入的UI框架

此时,项目迁移基本完毕,可运行项目,根据报错来进行下一步修改了。

下面是运行环境判断的配置,基于cross-env,因为uniapp默认只有生产环境和开发环境,如果需要其他自定义的运行环境就可以在package.json里面添加VUE_APP_MOD

然后就可以根据process.env.VUE_APP_MOD来判断当前的运行环境了。

有疑问的可以提问,喜欢就点个赞吧!