📒 博客首页:✎﹏ℳ๓敬坤的博客 🎈
😊 我只是一个代码的搬运工 🎃
🎉 欢迎来访的读者关注、点赞和收藏 🤞
😉有问题可以私信交流 😆
📃 文章标题: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运行即可