first commit
This commit is contained in:
248
extensions/app/engine/dist/builder/utils/file.js
vendored
Normal file
248
extensions/app/engine/dist/builder/utils/file.js
vendored
Normal file
@@ -0,0 +1,248 @@
|
||||
"use strict";
|
||||
var __importDefault = (this && this.__importDefault) || function (mod) {
|
||||
return (mod && mod.__esModule) ? mod : { "default": mod };
|
||||
};
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.queryFile = exports.getFilePathRemoveMD5 = exports.getFileNameRemoveMD5 = exports.getFilesBySameNameDiffMD5 = exports.renameFileByMD5 = exports.isFileNameHasMD5 = exports.adaptFilename = exports.adaptFileMD5 = void 0;
|
||||
const fs_1 = __importDefault(require("fs"));
|
||||
const path_1 = __importDefault(require("path"));
|
||||
const md5_1 = __importDefault(require("./md5"));
|
||||
const includeExts = ['.html', '.css', '.js', '.json'];
|
||||
const regExp = new RegExp('(?<=(\'|"|url\\(|URL\\())(?!//)[a-zA-Z0-9_\./-]+\\.(js|css|json|png|apng|jpg|jpeg|gif|svg)(?=(\'|"|\\)))', 'g');
|
||||
/**
|
||||
* 获取文件夹内的文件
|
||||
*/
|
||||
function getFiles(dir) {
|
||||
const result = [];
|
||||
// 判断文件是否存在
|
||||
if (!fs_1.default.existsSync(dir))
|
||||
return result;
|
||||
// 如果不是文件夹则返回
|
||||
if (!fs_1.default.statSync(dir).isDirectory())
|
||||
return result;
|
||||
// 遍历文件夹
|
||||
fs_1.default.readdirSync(dir).forEach(item => {
|
||||
const item_path = path_1.default.join(dir, item);
|
||||
const isDir = fs_1.default.statSync(item_path).isDirectory();
|
||||
if (!isDir)
|
||||
result.push(item_path);
|
||||
});
|
||||
return result;
|
||||
}
|
||||
/**
|
||||
* 以某个文件为起点,对其引用的文件树进行md5
|
||||
* @param filepath 文件路径
|
||||
* @param exclude 排除的文件路径(不带md5,不支持相对路径),排除的文件不会遍历子文件树,默认其本身会进行md5
|
||||
*/
|
||||
function adaptFileMD5(filepath, exclude = []) {
|
||||
// 参数不合法
|
||||
if (!filepath)
|
||||
return false;
|
||||
// 修正文件路径
|
||||
filepath = fs_1.default.existsSync(filepath) ? filepath : queryFile(filepath);
|
||||
if (!filepath)
|
||||
return false;
|
||||
// 排除的文件
|
||||
const fileExt = path_1.default.extname(filepath);
|
||||
const filepathNoMD5 = getFilePathRemoveMD5(filepath);
|
||||
const excludeItem = exclude.find(item => {
|
||||
if (item.path instanceof RegExp)
|
||||
return item.path.test(filepath);
|
||||
else
|
||||
return item.path === filepathNoMD5;
|
||||
});
|
||||
const isExcluded = !!excludeItem || includeExts.indexOf(fileExt) === -1;
|
||||
// 文件扩展名
|
||||
if (!isExcluded) {
|
||||
// 文件目录
|
||||
const fileDir = path_1.default.dirname(filepath);
|
||||
// 文件内容
|
||||
let fileText = fs_1.default.readFileSync(filepath, 'utf-8');
|
||||
// 文件内所有引用的相对路径(排重)
|
||||
const subRelativePaths = Array.from(new Set(fileText.match(regExp)));
|
||||
for (let index = 0; index < subRelativePaths.length; index++) {
|
||||
// 子文件相对路径(读取到的)
|
||||
const subRelativePath = subRelativePaths[index];
|
||||
// 子文件路径(读取到的)
|
||||
const subFilePath = path_1.default.join(fileDir, subRelativePath);
|
||||
// 如果当前引用的文件的路径带有md5戳,并且文件存在,则跳过
|
||||
if (isFileNameHasMD5(subFilePath) && fs_1.default.existsSync(subFilePath))
|
||||
continue;
|
||||
{
|
||||
// 实际的子文件路径(不确定有没有md5)
|
||||
const subFilePathReal = queryFile(subFilePath);
|
||||
// 实际的子文件不存在
|
||||
if (!subFilePathReal) {
|
||||
// console.warn('[跳过] [文件不存在]', filepath, subRelativePath);
|
||||
continue;
|
||||
}
|
||||
// 如果引用的文件路径不带md5,但是实际文件有md5,则
|
||||
if (!isFileNameHasMD5(subFilePath) && isFileNameHasMD5(subFilePathReal)) {
|
||||
// 原始的子文件名
|
||||
const subFileBasename = path_1.default.basename(subRelativePath);
|
||||
// 实际的子文件名(带md5)
|
||||
const subFileBasenameReal = path_1.default.basename(subFilePathReal);
|
||||
// 替换
|
||||
fileText = fileText.replace(new RegExp(subRelativePath, 'g'), subRelativePath.replace(subFileBasename, subFileBasenameReal));
|
||||
continue;
|
||||
}
|
||||
}
|
||||
{
|
||||
// 对它进行md5处理
|
||||
const result = adaptFileMD5(subFilePath, exclude);
|
||||
// 文件不存在
|
||||
if (!result) {
|
||||
// console.warn('[跳过] [文件不存在]', filepath, subRelativePath);
|
||||
continue;
|
||||
}
|
||||
// 实际的子文件路径(已经带上md5了)
|
||||
const subFilepathReal = queryFile(subFilePath);
|
||||
// 原始的子文件名
|
||||
const subFileBasename = path_1.default.basename(subRelativePath);
|
||||
// 实际的子文件名(带md5)
|
||||
const subFileBasenameReal = path_1.default.basename(subFilepathReal);
|
||||
// 替换
|
||||
fileText = fileText.replace(new RegExp(subRelativePath, 'g'), subRelativePath.replace(subFileBasename, subFileBasenameReal));
|
||||
}
|
||||
}
|
||||
// 重新写入文件内容
|
||||
fs_1.default.writeFileSync(filepath, fileText, 'utf-8');
|
||||
}
|
||||
// 将文件md5重命名
|
||||
if (fileExt !== '.html' && (excludeItem === null || excludeItem === void 0 ? void 0 : excludeItem.md5) !== false) {
|
||||
renameFileByMD5(filepath);
|
||||
}
|
||||
return true;
|
||||
}
|
||||
exports.adaptFileMD5 = adaptFileMD5;
|
||||
/**
|
||||
* 替换某个文件里引用的的文件名
|
||||
* @param {string} filepath 被替换的文件路径
|
||||
* @param {string} adaptDir adaptFile所在的文件夹
|
||||
* @param {string} adaptFile 文件名.后缀,不能包含其他东西
|
||||
*/
|
||||
function adaptFilename(filepath, adaptDir, adaptFile) {
|
||||
if (!fs_1.default.existsSync(filepath))
|
||||
return false;
|
||||
const adaptName = adaptFile.split('.')[0];
|
||||
const adaptExtname = path_1.default.extname(adaptFile) || '';
|
||||
let text = fs_1.default.readFileSync(filepath, 'utf-8');
|
||||
const filePaths = getFiles(adaptDir);
|
||||
for (let index = 0; index < filePaths.length; index++) {
|
||||
const filePath = filePaths[index];
|
||||
const basename = path_1.default.basename(filePath);
|
||||
const name = basename.split('.')[0];
|
||||
const extname = path_1.default.extname(basename) || '';
|
||||
if (basename !== adaptFile && name === adaptName && extname === adaptExtname) {
|
||||
const regExp = new RegExp(`(?<=('|"|\/))${name}[\.a-zA-Z0-9]*\\${extname}(?=('|"))`, 'g');
|
||||
text = text.replace(regExp, basename);
|
||||
break;
|
||||
}
|
||||
}
|
||||
fs_1.default.writeFileSync(filepath, text, 'utf-8');
|
||||
return true;
|
||||
}
|
||||
exports.adaptFilename = adaptFilename;
|
||||
/**
|
||||
* 判断一个文件是否有md5戳
|
||||
* @param {string} filename
|
||||
*/
|
||||
function isFileNameHasMD5(filename) {
|
||||
filename = path_1.default.basename(filename);
|
||||
return filename !== getFileNameRemoveMD5(filename);
|
||||
}
|
||||
exports.isFileNameHasMD5 = isFileNameHasMD5;
|
||||
/**
|
||||
* md5重命名文件名字
|
||||
* @param {string} filePath
|
||||
* @returns
|
||||
*/
|
||||
function renameFileByMD5(filePath) {
|
||||
const basename = getFileNameRemoveMD5(filePath);
|
||||
const extname = path_1.default.extname(basename);
|
||||
if (!extname)
|
||||
return filePath;
|
||||
const filename = basename.slice(0, -extname.length);
|
||||
if (!filename)
|
||||
return filePath;
|
||||
const dirname = path_1.default.dirname(filePath);
|
||||
const txt = fs_1.default.readFileSync(filePath, 'utf-8');
|
||||
const renamePath = path_1.default.join(dirname, `${filename}.${md5_1.default(txt)}${extname}`);
|
||||
fs_1.default.renameSync(filePath, renamePath);
|
||||
return renamePath;
|
||||
}
|
||||
exports.renameFileByMD5 = renameFileByMD5;
|
||||
/**
|
||||
* 获取相同名字相同后缀, 但md5戳不一样的文件数组
|
||||
* @param {string} dir
|
||||
*/
|
||||
function getFilesBySameNameDiffMD5(dir) {
|
||||
// [ [ {name:'index',ext:'.js',files:['/test/index.js','/test/index.c67d.js']} ]
|
||||
const result = [];
|
||||
const files = getFiles(dir);
|
||||
files.forEach(filepath => {
|
||||
const basename = getFileNameRemoveMD5(filepath);
|
||||
if (!basename)
|
||||
return;
|
||||
const extname = path_1.default.extname(basename);
|
||||
if (!extname)
|
||||
return;
|
||||
const filename = basename.slice(0, -extname.length);
|
||||
if (!filename)
|
||||
return;
|
||||
const res = result.find(data => data.name === filename && data.ext === extname);
|
||||
if (res)
|
||||
return res.files.push(filepath);
|
||||
result.push({
|
||||
name: filename,
|
||||
ext: extname,
|
||||
files: [filepath]
|
||||
});
|
||||
});
|
||||
return result.filter((data) => data.files.length >= 2);
|
||||
}
|
||||
exports.getFilesBySameNameDiffMD5 = getFilesBySameNameDiffMD5;
|
||||
/**
|
||||
* 将文件名中的md5字段去除
|
||||
* @param {string} filename
|
||||
* @returns
|
||||
*/
|
||||
function getFileNameRemoveMD5(filename) {
|
||||
const basename = path_1.default.basename(filename)
|
||||
// a-jqw89a.js => a.js
|
||||
// a-jqw89a.min.js => a.min.js
|
||||
.replace(/-[a-z0-9]+\./, '.');
|
||||
return basename.split('.').filter((str, index, array) => {
|
||||
if (index === 0 || index === array.length - 1)
|
||||
return true;
|
||||
return index == 1 && str === 'min';
|
||||
}).join('.');
|
||||
}
|
||||
exports.getFileNameRemoveMD5 = getFileNameRemoveMD5;
|
||||
/**
|
||||
* 删除文件路径中的md5字段
|
||||
* @param {string} filepath
|
||||
* @returns
|
||||
*/
|
||||
function getFilePathRemoveMD5(filepath) {
|
||||
const dirname = path_1.default.dirname(filepath);
|
||||
return path_1.default.join(dirname, getFileNameRemoveMD5(filepath));
|
||||
}
|
||||
exports.getFilePathRemoveMD5 = getFilePathRemoveMD5;
|
||||
/**
|
||||
* 输入文件路径,可以索引到对应的带有md5的文件路径
|
||||
* @param {string} filepath 文件路径(带后缀)
|
||||
* @returns
|
||||
*/
|
||||
function queryFile(filepath) {
|
||||
// 将文件名中的md5字段去除
|
||||
const filename = getFileNameRemoveMD5(filepath);
|
||||
const fileDir = path_1.default.dirname(filepath);
|
||||
const filesList = getFiles(fileDir);
|
||||
return filesList.find(filepath => {
|
||||
return path_1.default.basename(filepath) === filename;
|
||||
}) || filesList.find(filepath => {
|
||||
return getFileNameRemoveMD5(filepath) === filename;
|
||||
});
|
||||
}
|
||||
exports.queryFile = queryFile;
|
||||
Reference in New Issue
Block a user