vue-cil3项目根据inquirer进行分环境及多配置打包( 二 )


配置命令行问题
新建src//.js
module.exports = [[{type: 'list',name: 'lang',message: '请选择打包环境',choices: [{name: '测试环境',value: {type: 'dev',// 项目中根据cross env 添加了BUILD_ENV区分生产测试 , 不用可以删除name: 'BUILD_ENV',title: '测试环境'}},{name: '生产环境',value: {type: 'pro',name: 'BUILD_ENV',title: '生产环境'}},],default: 0 // 默认值为列表项编号 , 起始为 0},],[{type: 'list',name: 'lang',message: '请选择打包语种',choices: [{name: '英文',value: {type: 'en',// 项目中根据cross env 添加了VUE_APP_PROJECT区分语种en、zh等等等等 , 不用可以删除name: 'VUE_APP_PROJECT',title: '英文'}},{ name: '中文', value: {type: 'zh',name: 'VUE_APP_PROJECT',title: '中文'}},],default: 0 // 默认值为列表项编号 , 起始为 0}]]
最后一步
在.json中引入:
命令行输入:
npm run build:node
此时 , 一个完美的互动命令行式分环境打包配置完成!!!!是不是很简单 , 很想给个赞???
结语
虽然根据命令行打包很简单 , 而这个方式相对于那种方式而言更加复杂 , 但是 , 人生就是在不断的挑战和失败中一次一次爬起 , 不断的去寻求不同的方式 , 不同的想法 , 是每一个程序猿的必经之路 , 这么做的目的只是为了省几行.json的代码 , 却新增了其他的代码 , 但是好处又在于之后的人在接手项目的时候不用担心每次打包的命令 , 只要按照交互式的方式走下去 , 肯定是没有问题的 , 因为前人已经踩过坑了 。
【vue-cil3项目根据inquirer进行分环境及多配置打包】路漫漫其修远兮 , 吾将上下而求索