batch-handle-resource

Author: coder-hxl

src/index.ts

@@ -12,7 +12,7 @@ const LOG_FILE_PATH = 'D:/CoderHXL/性能优化/图片优化'
 
 const errorList: { path: string; message: string }[] = []
 
-function start() {
+async function start() {
   async function imageFormatWebp(entryPath: string, outputPath: string) {
     try {
       const buffer = await sharp(entryPath).toFormat('webp').toBuffer()
@@ -25,7 +25,8 @@ function start() {
     }
   }
 
-  transformImage({
+  // 图片处理
+  const pathInfoList = await transformImage({
     entry: ENTER_PATH,
     output: OUTPUT_PATH,
 
@@ -56,26 +57,26 @@ function start() {
         ]
       }
     ]
-  }).then(async (pathInfoList) => {
-    if (errorList.length) {
-      console.log(`Error: list: ${errorList} - length: ${errorList.length} `)
-    }
+  })
 
-    const replaceInfo = pathInfoList.map((item) => ({
-      searchValue: item.entryPath.replace(OUTPUT_PATH, ''),
-      replaceValue: item.outputPath.replace(OUTPUT_PATH, '')
-    }))
+  if (errorList.length) {
+    console.log(`Error: list: ${errorList} - length: ${errorList.length} `)
+  }
 
-    // 更新文件内图片资源的 URL
-    await replaceFileContent({
-      entry: FILE_ENTER_PATH,
-      list: replaceInfo,
+  const replaceInfo = pathInfoList.map((item) => ({
+    searchValue: item.entryPath.replace(OUTPUT_PATH, ''),
+    replaceValue: item.outputPath.replace(OUTPUT_PATH, '')
+  }))
 
-      logFileGeneratePath: LOG_FILE_PATH
-    })
+  // 更新文件内图片资源的 URL
+  await replaceFileContent({
+    entry: FILE_ENTER_PATH,
+    list: replaceInfo,
 
-    console.log('完成 - 图片转换以及更新路径')
+    logFileGeneratePath: LOG_FILE_PATH
   })
+
+  console.log('完成 - 图片转换以及更新路径')
 }
 
 start()

src/shared/file.ts

@@ -24,41 +24,45 @@ export function getFilePath(
   return transformToPaths
 }
 
-export async function getAllDirFileContent(dir: string) {
-  const filePaths = getFilePath(dir)
+export async function getFileContentAndPath(filePaths: string[]) {
+  const result: { path: string; content: string }[] = []
 
-  let content = ''
   const promisePending: Promise<any>[] = []
   for (const filePath of filePaths) {
     const pending = fs.promises
       .readFile(filePath, { encoding: 'utf8' })
-      .then((res) => {
-        content += `${res} \n`
-      })
+      .then((res) => result.push({ path: filePath, content: res }))
 
     promisePending.push(pending)
   }
 
   await Promise.all(promisePending)
 
-  return content
+  return result
 }
 
-export async function getAllDirFileContentAndPath(dir: string) {
-  const result: { path: string; content: string }[] = []
-
+export async function getAllDirFileContent(dir: string) {
   const filePaths = getFilePath(dir)
 
+  let content = ''
   const promisePending: Promise<any>[] = []
   for (const filePath of filePaths) {
     const pending = fs.promises
       .readFile(filePath, { encoding: 'utf8' })
-      .then((res) => result.push({ path: filePath, content: res }))
+      .then((res) => {
+        content += `${res} \n`
+      })
 
     promisePending.push(pending)
   }
 
   await Promise.all(promisePending)
 
-  return result
+  return content
+}
+
+export async function getAllDirFileContentAndPath(dir: string) {
+  const filePaths = getFilePath(dir)
+
+  return await getFileContentAndPath(filePaths)
 }

src/transformImage.ts

@@ -7,7 +7,7 @@ import {
   LogFileGenerate
 } from './shared'
 
-export interface Rule<R = 'png' | 'jpg', F = 'webp' | 'svg'> {
+export interface Rule<R = 'png' | 'jpg' | 'webp' | 'svg', F = 'webp' | 'svg'> {
   name: R
   format: {
     name: F
@@ -23,7 +23,10 @@ export interface Rule<R = 'png' | 'jpg', F = 'webp' | 'svg'> {
   }[]
 }
 
-export interface TransformImage<R = 'png' | 'jpg', F = 'webp' | 'svg'> {
+export interface TransformImage<
+  R = 'png' | 'jpg' | 'webp' | 'svg',
+  F = 'webp' | 'svg'
+> {
   entry: string
   output: string
 

test/index.ts

@@ -0,0 +1,78 @@
+import fs from 'node:fs'
+import sharp from 'sharp'
+
+import transformImage from '../src/transformImage'
+import replaceFileContent from '../src/replaceFileContent'
+import { getFileContentAndPath, getFilePath } from '../src/shared'
+
+const BASE_PATH = 'd:/CoderHXL/轮子/batch-handle-resource/test/webp'
+
+async function start() {
+  const imagePaths = getFilePath(BASE_PATH)
+
+  const filePaths = getFilePath(
+    'd:/CoderHXL/Project/spyx-next-web/src',
+    (filePath) => {
+      const targets = [
+        'contacts',
+        'track-call',
+        'track-email',
+        'track-sim',
+        'track-instagram',
+        'track-snapchat',
+        'track-kik',
+        'track-line',
+        'track-skype',
+        'track-tinder',
+        'track-viber',
+        'track-wechat',
+        'track-hangouts',
+        'track-keylogger'
+      ]
+      console.log(filePath)
+
+      return !!targets.find(
+        (v) => filePath.includes('features') && filePath.includes(v)
+      )
+    }
+  )
+
+  const list = imagePaths.map((v) => {
+    const name = v.split('/').pop()!
+    const startName = name.split('-')[0]!
+
+    const searchValue = `/image/features/${startName}.webp`
+    const replaceValue = `/image/features/${name}`
+
+    return { searchValue, replaceValue }
+  })
+
+  const fileInfoList = await getFileContentAndPath(filePaths)
+  const replaceQueue: { path: string; content: string }[] = []
+  for (const item of list) {
+    const { searchValue, replaceValue } = item
+
+    for (const fileInfo of fileInfoList) {
+      const { content } = fileInfo
+      if (!content.includes(searchValue)) continue
+
+      fileInfo.content = content.replaceAll(searchValue, replaceValue)
+
+      replaceQueue.push(fileInfo)
+    }
+  }
+
+  // 替换文件内容
+  for (const fileInfo of replaceQueue) {
+    const { path, content } = fileInfo
+
+    await fs.promises.writeFile(path, content)
+  }
+
+  console.log(imagePaths)
+  console.log(filePaths, fileInfoList.length)
+
+  console.log('完成 - 图片转换以及更新路径')
+}
+
+start()