Vue项目修改文本脚本

📒 博客首页：✎﹏ℳ๓敬坤的博客 🎈
😊 我只是一个代码的搬运工 🎃
🎉 欢迎来访的读者关注、点赞和收藏 🤞
😉有问题可以私信交流 😆
📃 文章标题：Vue项目修改文本脚本 🖍

需求是通过命令修改文本

在项目开发的过程中会有测试环境和正式环境的区别，而正式环境和测试环境会有一些域名以及变量的区别。而修改这些变量程序员去修改没什么问题，但是如果让第三个人去修改就会比较麻烦，这个时候我们就可以通过命令去修改配置文件，这样就算是不熟悉项目的人也可以去修改了

环境：Node.js+Vue

首先需要将正式环境以及测试环境的的参数提取出来，通过一个开关来来选择我们需要环境，配置如下：创建一个sysconfig.js文件

//dev控制正式和测试环境的参数
const dev = "test"
//config正式和测试环境保存的数据
const config = {
	test:{
		requestUrl:'https://测试/',
		reyunFlag:false
	},
	formal:{
		requestUrl:'https://正式/',
		reyunFlag:true
	}
}
 
export default config[dev];

然后在创建一个脚本来修改配置文件，传一个order.js

//导入读取文件的模块
const fs = require('fs')
//创建一个保存正式测试环境的变量
let environment = 1
//创建输入输出的模块
const readline = require('readline').createInterface({
  input: process.stdin,
  output: process.stdout
})
//提示需要设置的环境
readline.question("请输入需要设置打包的环境(1测试，2正式):", val => {
	environment = val
	//读取配置文件
	fs.readFile('./common/sysconfig.js', 'utf8' , (err, data) => {
	  if (err) {
	    console.error(err)
	    return
	  }
	  //根据用户输入的变量控制环境
	  environment = environment == 1 ? 'test' : 'formal'
	  let splitArr = data.split('\n')
	  splitArr[1] = `const dev = "${environment}"\r`
	  let newData = splitArr.join('\n')
	  //将修改完后的数据写入文件
	  fs.writeFileSync('./common/sysconfig.js', newData, 'utf8');
	})
	//关闭输入输出模块
	readline.close()
})

然后在package.json中配置相关命令

{
	"name": "盲盒",
	"version": "1.0.0",
	"description": "",
	"main": "main.js",
	"scripts": {
		"edit": "node order.js"
	},
	"author": "",
	"license": "ISC"
}

最后在项目根目录下通过edit运行即可