61 lines
3.4 KiB
JavaScript
61 lines
3.4 KiB
JavaScript
|
const $Fs = require('fs'); // 引入文件模块
|
|||
|
|
const md5 = require('md5');
|
|||
|
|
|
|||
|
|
const filePath = './src/pages/'
|
|||
|
|
const filePath2 = './src/common/'
|
|||
|
|
let preveMd5 = null
|
|||
|
|
//跟踪文件
|
|||
|
|
$Fs.watch(filePath,(event,filename)=>{
|
|||
|
|
if (!$Fs.existsSync(filePath + filename)) {
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var currentMd5 = md5($Fs.readFileSync(filePath + filename))
|
|||
|
|
if (currentMd5 == preveMd5) {
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
preveMd5 = currentMd5
|
|||
|
|
console.log(`${filePath}文件发生更新`)
|
|||
|
|
|
|||
|
|
let files = $Fs.readdirSync('./src/pages'); // 读取pages页面文件目录下的html文件
|
|||
|
|
files.forEach((file,index) => { // 遍历获得的所有页面文件
|
|||
|
|
let old_data = $Fs.readFileSync('./src/pages/' + file,'utf8'); // 读取当前文件的内容
|
|||
|
|
let new_data = old_data.replace(/\<include.*src="(.*)">.*\<\/include\>/gi,(match,p1,offset,string) => {//查找html文件中include标签
|
|||
|
|
let inc_data = $Fs.readFileSync('./src/common/' + p1,'utf8'); // p1是第一个括号匹配到的值，也就是include包含的文件路径，读取此公共文件
|
|||
|
|
return inc_data; // 此回调函数返回的值，将替换正则匹配到的字符串
|
|||
|
|
});
|
|||
|
|
$Fs.writeFileSync('./dist/' + file,new_data); //将include标签被替换后新的html内容，写入到dist资源目录的同名file文件中(不存在会自动新建)。
|
|||
|
|
});
|
|||
|
|
console.log('重新生成成功1');
|
|||
|
|
})
|
|||
|
|
$Fs.watch(filePath2,(event,filename)=>{
|
|||
|
|
var currentMd5 = md5($Fs.readFileSync(filePath2 + filename))
|
|||
|
|
if (currentMd5 == preveMd5) {
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
preveMd5 = currentMd5
|
|||
|
|
console.log(`${filePath2}文件发生更新`)
|
|||
|
|
|
|||
|
|
let files = $Fs.readdirSync('./src/pages'); // 读取pages页面文件目录下的html文件
|
|||
|
|
files.forEach((file,index) => { // 遍历获得的所有页面文件
|
|||
|
|
let old_data = $Fs.readFileSync('./src/pages/' + file,'utf8'); // 读取当前文件的内容
|
|||
|
|
let new_data = old_data.replace(/\<include.*src="(.*)">.*\<\/include\>/gi,(match,p1,offset,string) => {//查找html文件中include标签
|
|||
|
|
let inc_data = $Fs.readFileSync('./src/common/' + p1,'utf8'); // p1是第一个括号匹配到的值，也就是include包含的文件路径，读取此公共文件
|
|||
|
|
return inc_data; // 此回调函数返回的值，将替换正则匹配到的字符串
|
|||
|
|
});
|
|||
|
|
$Fs.writeFileSync('./dist/' + file,new_data); //将include标签被替换后新的html内容，写入到dist资源目录的同名file文件中(不存在会自动新建)。
|
|||
|
|
});
|
|||
|
|
console.log('重新生成成功2');
|
|||
|
|
})
|
|||
|
|
//生成文件
|
|||
|
|
let files = $Fs.readdirSync('./src/pages'); // 读取pages页面文件目录下的html文件
|
|||
|
|
files.forEach((file,index) => { // 遍历获得的所有页面文件
|
|||
|
|
let old_data = $Fs.readFileSync('./src/pages/' + file,'utf8'); // 读取当前文件的内容
|
|||
|
|
let new_data = old_data.replace(/\<include.*src="(.*)">.*\<\/include\>/gi,(match,p1,offset,string) => {//查找html文件中include标签
|
|||
|
|
let inc_data = $Fs.readFileSync('./src/common/' + p1,'utf8'); // p1是第一个括号匹配到的值，也就是include包含的文件路径，读取此公共文件
|
|||
|
|
return inc_data; // 此回调函数返回的值，将替换正则匹配到的字符串
|
|||
|
|
});
|
|||
|
|
$Fs.writeFileSync('./dist/' + file,new_data); //将include标签被替换后新的html内容，写入到dist资源目录的同名file文件中(不存在会自动新建)。
|
|||
|
|
});
|
|||
|
|
console.log('生成成功');
|