Vue Cli 脚手架分离测试环境和正式环境

原创 黄灿灿 随笔 笔记 26阅读 3 天前 举报

Vue Cli构建的项目只有npm run dev和npm run build两条开发和编译的命令,那如何构建测试环境的?

在build文件夹中创建test.js文件

test.js中的代码很简单,就两行。主要就是配置一个环境变量用以区别测试和正式环境。这里没有直接修改原有的process.env.NODE_ENV是担心会影响到原本的逻辑。

注意:type的值必须单双引号两层嵌套,不能直接为’test’,否则会报错

修改config文件夹中的prod.env.js文件

配置好后就可以在项目代码中调用process.env.type了

在package.json文件中添加npm run test命令
添加一条命令,执行我们上文创建的test.js文件

在项目代码中判断环境
按照上述的步骤做完后,就可以在项目代码中写判断了

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复